Урок 8.) Как да Оптимизираме Хедъра (Header) и Дизайна на Уебсайта Си?

ВНИМАНИЕ
Учените разкриха изумителна тайна.
Невероятно е, колко бързо и лесно хората успяват.
(В началото никой не вярваше.)
Кой да знае, че това изобщо е възможно?
Вижте Всичко Ето Тук ...

Здравейте, 🙂

От съществено значение е първото впечатление, което създаваме.

Същото това правило важи и за вашия уебсайт.

Той разполага само с няколко секунди, за да грабне вниманието на посетителите си.

Ако не успее в това, вие ще загубите потенциални нови читатели или клиенти.

Съдържание

Какво е Хедър на Сайт?

Хедъра е най-горната видима част на уебсайта. Хедъра обикновено съдържа: името или логото, слогана (подзаглавието), главното меню, и понякога и търсачката на сайта ви.

Желателно е хедъра да е еднакъв на всичките ви страници.

Но е възможно той да е различен – например да се появява различен хедър, при посещението на всяка категория на уебсайта ви.

Аз лично винаги предпочитам хедъра да излиза еднакъв навсякъде, защото той е и основния елемент за брандиране, и за изграждане на авторитет и онлайн разпознаваемост.

Какво е Дизайн на Сайт?

Дизайн на уебсайта е начина по който изглежда даден сайт. Разстояния и отстояния между отделните елементи, цветове, навигация, хедър и странична лента.

Дизайна на сайта ви до голяма степен зависи от темата, която сте избрали, и от настройките по нея, които сте направили.

Дизайна на уебсайта е много важно нещо, защото от него зависи, как посетителите ще възприемат първоначално вашият сайт.

Сигурно знаете поговорката:

По дрехите посрещат, по ума изпращат 🙂

В случая дизайна на вашият сайт е дрехата.

А полезното, интересното, качественото съдържание на вашия сайт е ума.

Ако дизайна на вашата интернет собственост (сайт) е лош, посетителите няма да останат.

Дори и да имате най-прекрасните и полезни статии на света, никой няма да иска да ги прочете, ако външния вид на уебсайта ви е неподходящ и отблъскващ.

Вие разполагате с 3 секунди, за да впечатлите и задържите посетителите на сайта си.

Знам, че 3 секунди са малко, но това е положението – това време е доказано с много тестове от колегите.

Как Правилно да Направя SEO Оптимизация на Хедъра Си?

В момента гледам хедъра на един уебсайт и откровено се дразня.

Монитора на който го гледам е 22 инча и нека ви кажа какво виждам.

Виждам хедър тип снимка със заглавие и подзаглавие в горната лява част на хедъра.

Взимам линия в ръка и меря височината на снимката (хедъра) и височината на текста на статията отдолу.

Ето го резултата.

Височина снимка (хедър) = 11 см. Височина на текста = 12 см.

Цялото разстояние във височина, с което разполага сайта в случая е = 23 см.

Ето ги и Моите Въпроси към Вас:

Има ли смисъл (какъвто й да е) да имате хедър тип снимка, който заема 50% от екрана ви?
Има ли смисъл на всяка страница, на всеки пост, на всяка категория, на всеки архив от вашият сайт да излиза една и съща огромна снимка?
Имат ли полза от това посетителите на сайта ви?
Каква е ползата за вас, ако сте собственик на такъв уебсайт?
Оптимизиран ли е според вас хедъра на този сайт?

Ето Една Метафора за да Разберете По-Добре Казуса:

Представете си, че имате магазин тип „Плод и Зеленчук“ с размери 5 на 5 метра, и че половината от търговската площ на този магазин е заета от огромен аквариум, който е 2,5 на 2,5 метра.

Моя въпрос е: Бизнес ли ще правите или изложение на рибки?

Ако ще правите бизнес, то тогава нямате нужда от този аквариум, който заема 50% от търговската ви площ. Това се нарича Оптимизация.

Ето я Моята „Златна“ Препоръка за Вас:

Никога не правете хедъра си с височина по-голяма от 10% (максимум 15%) от височината на видимата част на сайта ви.

Може да си позволите да имате огромен хедър само при много специфични условия.

Окончателния избора на такъв хедър, е желателно да се направи, само след като сте извършили десетки тестове, и сте установили, че наистина ви помага за постигане на целите на уебсайта ви.

Какво е По-Добре да Избера за Хедъра Си – Снимка (Лого), Текст или и Двете?

Отговора на този въпрос е хубаво да се отнесе директно към целите ви.

Вие сами ще трябва да определите това, но ето как аз предпочитам да правя хедърите си:

1.) Само Заглавието и Подзаглавието на Уебсайта

Това е най-добрия вариант според мен.

Така посетителя веднага разбира къде е попаднал и дали е на правилното място.

Вижда основното заглавие на сайта, вижда подзаглавието, вижда заглавието на статията, вижда първата снимка (ако има такава) в статията – стига толкова, не го затормозявайте човека, че ще избяга от сайта ви!

Ако има снимка в хедъра тя може да попречи за разбиране на смисъла и темите на сайта и да се получи така наречения „образ вампир“.

Какво е „Образ Вампир“?

Образ вампир е отклоняване на вниманието на посетителите (клиентите), което води до разфокусиране (натоварване на мозъка с информация) и в последствие до загуба на читателя/посетителя/клиента.

2.) Снимка (Лого) с Текст

Приемлив вариант, но само ако е направен правилно.

Ако изберете този вариант, запитайте се:

Текста на заглавието застъпва ли снимката, и ако е така, става ли труден за четене?
Какви цветове използвате в заглавието и в снимката?
Има ли възможност за „Образ Вампир“?
Имате ли ясна полза от тази хедър снимка да се появява из целия ви сайт?

3.) Само Снимка (Лого)

Ако притежавате голяма корпорация с лесно разпознаемо лого, това може да е удачен вариант, но е хубаво да се направят десетки тестове, за да бъде потвърдено това.

Какво да Избера за Фон на Сайта (Background)?

Избора на фона за сайта ви е също от решаващо значение.

Той също се определя в зависимост от целите ви и от впечатлението което искате да създадете.

Какво е Фон на Сайта?

Фон на сайта е цвета или снимката, които се виждат извън контурите на основното тяло на сайта ви.

1.) Можете да Използвате за Фон Избран от Вас Цвят

Тук имате 2 варианта.

Тъмен Цвят:

Така фона ще щади (свети по-малко в) очите на читателя, а той ще се фокусира предимно върху съдържанието на статиите ви.

Възможен недостатък, е че тъмния цвят носи и определена „не-добра“ символика (тъга, депресия, лошо настроение, смърт и т.н.).

Ако правите сайт за цветя например, няма да е подходящ.

Тъмния цвят за пример, е много подходящ за сайтове на които се продават луксозни стоки или услуги – показва тежест, класа, лукс, сериозност и т.н.

Светъл Цвят:

Светлите цветове „носят“ радост и облекчение.

Възможен недостатък, е че при бели страници и светъл фон, очите на читателите може да се раздразнят от яркостта на екрана и те да напуснат сайта ви.

В случая, аз не мога да ви дам препоръка какъв фон да използвате, защото това зависи от поставените от вас цели за сайта ви.

Аз лично почти винаги предпочитам (и стотици други блогъри) светлосив цвят, защото хем е светъл, хем не „товари“ (дразни) очите на посетителите.

Вижте първата снимка точно в началото на тази статия!

Това бе Бекграунда на сайта ми преди години. Доста готин и контрастен е нали?

Въпреки това реших да го заменя със светлосив цвят, за да е по-оптимизирана (по-бърза) скоростта на зареждане на сайта ми.

Помислете и тествайте сами, но го направете много внимателно, защото е доста важно!

2.) Можете да Използвате Избрана от Вас Снимка за Фон (Background)

Ако изберете снимка, тя трябва да е достатъчно голяма за да запълни екраните (резолюцията) на всички устройства, които се използват за сърфиране в интернет днес.

Не забравяйте, задължително да я оптимизирате (за това говорихме няколко пъти по-рано в тези SEO уроци).

Разбира се може да изберете и по малка снимка и да й зададете да се повтаря (презастъпва) като фон.

В този случай, снимката (фона) не тежи на скоростта на зареждане на уебсайта ви.

Имайте в предвид, че фона на уебсайтовете които използват това, често става много натрупан, кичозен и аматьорски. Тествайте сами!

Последната част от дизайна… навигацията? – вече я обсъждахме в Урок 7.