Добре структурираният текст се чете и възприема по-лесно. Сравнете страница с плътен текст без никаква структура със страница с ясно разделени параграфи със заглавия. Едната изглежда много по-добре, нали? Ако създавате уебсайт, трябва да организирате съдържанието му по подобен начин и с подобна структура. Някои приложения често търсят такава структура на текста, за да изобразят съдържанието правилно, или за да покажат подходящ откъс. Това, което Ви трябва, за да организирате сайта си, са т.нар. заглавни тагове (англ. heading tags).

• И така, какво са заглавните тагове?
• Защо трябва да използвате заглавни тагове?
• По-добре структурирани текстове
• По-добра оптимизация за търсачки (SEO)
• По-добра достъпност
• Как да добавите заглавни тагове
• Добри практики
• Заключение

И така, какво са заглавните тагове?

Заглавните тагове са малки части HTML код, които отбелязват заглавията на страницата и на отделните параграфи. Съществуват шест тага в стандартния HTML код, като те се обозначават от H1 до H6. Най-важният е H1, тъй като той обикновено копира заглавието на страницата. Ето защо дадена страница не трябва да има повече от един H1 таг, въпреки че на теория можете да добавите колкото си искате. Останалите тагове намаляват по размер и важност. Ако разгледате кода на някоя страница, лесно ще разпознаете таговете:

<h2>Заглавие на параграф</h2>

Google използва термина “heading tags” в ръководствата си, докато Bing предпочита “header tags”. Ще срещнете и двата термина на доста места в ръководства на английски език, но вторият може да бъде объркан с тага, който се използва за горната част на даден уебсайт.

Защо трябва да използвате заглавни тагове?

Това е основателен въпрос. В крайна сметка, не можете ли просто да използвате по-големи или удебелени букви, които хората и софтуерът така или иначе ще прочетат? Отговорът е - не. Заглавните тагове се използват за различни неща. Външният вид на заглавията на дадена страница не е едно от тях, така че не трябва да използвате тагове само защото те правят дадено заглавие да изглежда добре, или защото вярвате, че размерът на заглавието ще пасне добре на останалото съдържание. Ето три важни причини да използвате заглавни тагове.

По-добре структурирани текстове

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

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

Добре структурираният текст има още едно предимство. Ако използвате заглавия, ще е по-лесно да създавате линкове към конкретно съдържание на страницата - както в кратко обобщение на съдържанието, така и на външна страница. Макар че можете да добавите т.нар. anchor линк директно в текста, е по-логично да добавите линк към заглавието на параграфа, тъй като хората ще могат да видят за какво се отнася този параграф. Освен това търсачките може да покажат линк към заглавие, но няма да покажат линк към произволна част от параграф. Вижте колко важни може да са заглавията за търсачките по-долу.

По-добра оптимизация за търсачки (SEO)

Търсачките преглеждат цялото съдържание на даден уебсайт, но обръщат специално внимание на заглавията в търсене на ключови думи. Най-важните тагове са H1 и H2, тъй като те излизат директно в резултатите при търсене. В редки случаи може да се появи и H3 заглавие. Ето защо заглавията Ви трябва да бъдат кратки и ясни. Ако добавите нещо прекалено общо, ще пропуснете възможността да помогнете на сайта си да излиза на по-предни места в търсачките.

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

Когато използвате заглавни тагове с цел да подобрите съдържанието на сайта за търсачки, трябва да имате предвид няколко неща. Не се изкушавайте да добавяте всички видове тагове на всички страници или да използвате прекалено много тагове. Заглавията могат да дадат идея на търсачките за какво се отнася дадена страница, но не могат да заместят съдържанието на тази страница. Ако използвате прекалено много тагове, ще изпратите грешен сигнал към търсачките, а това може да доведе до по-лошо позициониране на сайта Ви в резултатите при търсене. В същото време не трябва да разчитате и само на съдържанието. Отделете време, за да намерите правилното съотношение между заглавни тагове и съдържание.

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

По-добра достъпност

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

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

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

Как да добавите заглавни тагове

Повечето приложения за създаване на сайтове обикновено Ви позволяват да добавите заглавие с лекота чрез т.нар. point-and-click интерфейс. WordPress например Ви позволява да добавите заглавен блок чрез редактора на блокове, докато Joomla предлага функцията да добавите заглавие в текстовия си редактор. Ако пък използвате нашия Сайт билдър, ще можете да превключвате между шестте вида заглавни тагове с един клик. Всяка друга платформа за управление на съдържание или за електронна търговия трябва да има подобна опция в текстовия си редактор.

Ако искате да имате уебсайт, който е създаден ръчно, или предпочитате да имате повече контрол върху съдържанието, използвайки HTML редактор в любимата си платформа, можете просто да добавите <h1>Вашият текст тук</h1> тагове, където са Ви нужни. Ако добавите таговете на ръка, е възможно да си спестите няколко реда код, който може да бъде добавен автоматично в зависимост от приложението, което използвате. Ако искате да промените начина, по който изглеждат заглавните тагове, можете да добавите CSS код, чрез който можете да промените шрифта, размера и цвета. Ето пример:

h1, h2, h3, h4, h5, h6 { 

    font-family: "Times New Roman", Times, serif;    

    color:  #000000; 

} 

 h1 { 

    font-size: 30px; 

    font-weight: 400; 

    text-transform: uppercase; 

    margin: 40px 0px; 

} 

h2 { 

    font-size: 28px; 

    line-height: 35px; 

} 

h3 { 

    font-size: 24px; 

    line-height: 32px; 

}

Ако използвате платформа за управление на съдържание, също можете да променяте стиловете на заглавията, но ще трябва да направите някои промени ръчно. Ако използвате WordPress например, можете да промените файла style.css на шаблона, да добавите допълнителен CSS код, използвайки вградена в шаблона функция за това, или да използвате плъгин, за да добавите нужния Ви код. Ако използвате Joomla, също можете да потърсите и редактирате CSS файла на шаблона.

Добри практики

Въпреки че търсачките не разкриват алгоритмите си, има някои добри практики, които можете да следвате, когато създавате уебсайта си. Като за начало, не трябва да имате повече от един h1 заглавен таг. На теория няма подобен лимит, но този таг обикновено се използва, за да се обозначи заглавието на страницата. Ако искате да добавите повече ключови думи в заглавията, трябва да използвате h2 тагове. Всяка секция на страницата трябва да има такъв таг, но не прекалявайте. За подсекции използвайте H3 тагове. По този начин те ще излизат в резюмето на страницата, което излиза в резултатите на търсачките. H4, H5 и H6 тагове се използват рядко и нямат влияние върху оптимизацията за търсачки на сайта. Може да ги използвате само ако сметнете това за нужно.

Ето още няколко неща, които можете да направите:

• Разделете текста на параграфи чрез заглавни тагове. Не добавяйте просто нов ред или удебелен текст. Ако съдържанието се чете лесно, е по-вероятно посетителите да останат на страницата и евентуално да я споделят.

• Изберете внимателно ключовите си думи. Заглавните тагове трябва да са достатъчно описателни, за да подсказват на каква тематика е съдържанието Ви. Не трябва да добавяте безразборно ключови думи за търсачките, както и не трябва да добавяте ключови думи на всяка цена. Избягвайте повторението на ключови думи в заглавията с цел да имате повече съдържание за оптимизиране за търсачки, тъй като подобно действие може да навреди на сайта Ви в даден момент.

• Окуражете посетителите си да продължат да четат. Заглавията Ви трябва да привличат вниманието на хората, но не трябва да разкриват всичко. Посетителите трябва да имат стимул да продължат да четат и да прекарат повече време на страницата. Ето защо заглавията трябва да са както привлекателни, така и описателни.

• Бъдете последователни, когато добавяте заглавия. Използвайте един и същ формат на всички страници. Заглавията на параграфите обикновено не трябва да са по-дълги от заглавието на страницата. Основните части на всички страници трябва да използват заглавни тагове от един и същ тип.

• Уверете се, че всички заглавни тагове на страницата са подходящи. Ако Ви липсва някой таг или ако H1, H2 и H3 таговете са на различни теми, страницата няма да излиза на добри позиции в резултатите на търсачките, тъй като съдържанието няма да изглежда подходящо при търсене.

• Не прескачайте заглавни тагове. Ако имате H1 таг на страницата, не използвайте директно H3 таг след това само защото Ви се струва, че размерът му е по-подходящ за заглавие, отколкото H2 таг. Когато използвате заглавни тагове, винаги трябва да започвате от H1 и да продължавате в правилната последователност.

• Използвайте инструменти, за да проучите ключовите думи. Както се казва, няма нужда да откривате топлата вода. Някои ключови думи са по-подходящи за заглавия от други. Използвайте инструменти като SEMRush или Ahrefs, за да откриете кои са най-добрите ключови думи, които можете да използвате.

Когато сте готови, можете да проверите какво ще видят посетителите на сайта и търсачките чрез инструменти като https://seositecheckup.com/tools/heading-tags-test.

Заключение

Заглавните тагове са важни както за структурата на съдържанието Ви, така и за оптимизацията на сайта за търсачки. Въпреки това, много собственици на сайтове често ги пренебрегват или ги използват неправилно. Колкото и малки да изглеждат тези HTML елементи, трябва да се уверите, че ги използвате правилно. Един H1 таг, който копира заглавието на страницата, и няколко добри H2 и H3 тага, които включват правилните ключови думи, ще направят съдържанието Ви по-удобно за четене, ще направят сайта по-достъпен и ще допринесат за по-добрата оптимизация за търсачки. Използвайте еднакви по тип и съдържание тагове на целия сайт. Усилията Ви в тази насока рано или късно ще доведат до желания резултат, така че ако добавите правилните заглавни тагове на сайта си, със сигурност само ще спечелите в дългосрочен план.