Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
< >
1 2 3 4 5

Тэгі загалоўкаў h1, h2, h3 на старонках сайта: выкарыстанне для SEO, прыклады

  1. крыху тэорыі
  2. Як аптымізаваць загалоўкі для SEO
  3. Лагічная паслядоўнасць загалоўкаў
  4. аўдыт загалоўкаў
  5. Тэгі загалоўкаў і HTML5

Тэхнічная SEO-аптымізацыя старонак мяркуе выкарыстанне цэлага шэрагу тэгаў і мета-тэгаў: <title>, <meta name = "description">, <link rel = "canonical"> і іншых. Ад пісьменнага прымянення гэтых тэгаў, іх атрыбутаў і змесціва шмат у чым залежыць, ці правільна пошукавая сістэма распазнае ваш кантэнт, наколькі высока ён будзе ранжыраваць, як будзе выглядаць сниппет ў пошукавай выдачы, якая версія старонкі будзе паказана карыстальніку.

Да важных тэгах для пошукавай аптымізацыі ставяцца і тэгі загалоўкаў. Акрамя таго, прадуманыя загалоўкі на старонцы дазваляюць зрабіць яе значна больш зручнай для карыстальнікаў, а таксама прыцягнуць іх увагу да патрэбнай інфармацыі ці падштурхнуць да здзяйснення мэтавых дзеянняў. У гэтым артыкуле разгледзім, як выкарыстоўваць загалоўкі, каб «дагадзіць» і пошукавай сістэме, і наведвальнікам вашага сайта або лендинга.

крыху тэорыі

Усяго ў HTML існуе 6 тэгаў загалоўкаў - ад <h1> да <h6>. Лічба ў тэгу паказвае адносную важнасць падзелу, які ішоў пасля загалоўка: <h1> з'яўляецца найбольш значным, тады як <h6> - найменш. У адпаведнасці з гэтым, па змаўчанні HTML адлюстроўвае загалоўкі розных узроўняў шрыфтамі розных памераў: <h1> будзе самым буйным, а кожны наступны - трохі менш.

Тэгі загалоўкаў - гэта блокавыя элементы: яны заўсёды размяшчаюцца з новага радка; таксама з новага радка размяшчаюцца элементы, наступныя за імі.

Як аптымізаваць загалоўкі для SEO

Адным з самых моцных сігналаў для пошукавых сістэм з'яўляецца загаловак першага ўзроўню <h1>. Ён саступае па сіле тэгу <title>, аднак ключавыя словы, якія змяшчаюцца ў ім, таксама аказваюць моцны ўплыў на ранжыраванне.

Зыходзячы з гэтага, мы ў Arto Web Agency выкарыстоўваем такі падыход да складання загалоўкаў: ужываючы ключавыя словы, размяшчаем самыя высокачашчынныя і важныя ключы ў <title>, наступныя па важнасці - у <h1>. У гэтых двух тэгах можна выкарыстоўваць адны і тыя ж словы, аднак, з пункту гледжання аптымізацыі лепш рабіць іх рознымі: так вы зможаце ўжыць больш ключавых слоў і іх сінонімаў.

Загалоўкі ніжэйшых узроўняў (<h2>, <h3> і так далей) з'яўляюцца больш слабымі сігналамі для пошукавага робата. У іх можна ўключыць нізкачашчынныя і менш важныя ключавыя словы. Тыя ключы, якія «не змесцяцца» у загалоўкі, варта спажыць непасрэдна ў тэксце. Прыклад ТЗ для копірайтэр з загалоўкамі, складзенымі па такім прынцыпе, вы можаце ўбачыць ніжэй.

Кластар запытаў, пад якія трэба аптымізаваць артыкул. У другім слупку запісаная частата кожнага запыту ў месяц у пошукавай сістэме Google Украіна

Прыклад старонкі з ТЗ для копірайтэр са структурай загалоўкаў артыкула, складзенай на аснове пошукавых запытаў

Важна не «переспамить» загалоўкі ключавымі словамі: пажадана, каб у межах аднаго загалоўка кожнае ключавое слова сустракалася не больш аднаго разу; калі ж кантэкст патрабуе спажыць яго некалькі разоў, то лепш ўключаць слова ў розных словаформы.

Менавіта з-за таго, што тэгі загалоўкаў маюць важнае семантычнае значэнне, не варта ім не надаваць увагі і афармляць у выглядзе загалоўка звычайны тэкст пры дапамозе стыляў, як гэта часам робяць вэбмайстра. З іншага боку, не варта выкарыстоўваць тэгі <h1> - <h6> як элементы дызайну, напрыклад, выдзяляць гэтымі тэгамі семантычна нязначныя элементы старонкі: напрыклад, спасылку на кошык у інтэрнэт-краме або фразу «Наш блог» у бакавой панэлі таварнага каталога.

Сачыце за тым, каб загаловак быў рэлевантным тэксту, які ідзе за ім, а таксама чытэльным і зразумелым для карыстальнікаў. Менавіта гэта дапаможа зрабіць кантэнт зручней і карысней, а значыць, і «заваяваць давер» пошукавых сістэм. Часам можна занядбаць некаторымі ключавымі словамі на карысць чытэльнасці загалоўка і перанесці іх у тэкст старонкі.

Важна таксама, па магчымасці, рабіць загалоўкі чапляе і інтрыгуючым - карыстальнік, прачытаўшы загаловак, павінен захацець прачытаць і наступны за ім тэкст. Гэта актуальна для інфармацыйных артыкулаў; для камерцыйных старонак загаловак таксама можа матываваць карыстальніка здзейсніць мэтавае дзеянне або азнаёміцца ​​з інфармацыяй, якая яго да гэтага падштурхне.

Лагічная паслядоўнасць загалоўкаў

Размяшчаючы загалоўкі на старонцы, варта сачыць за тым, каб яны размяшчаліся ў правільнай іерархічнай паслядоўнасці. Паводле стандартаў HTML4, загаловак першага ўзроўня на старонцы павінен быць толькі адзін (гэта правіла можа парушацца ў HTML5, пра што пагаворым ніжэй). Ўнутры тэксту, пазначанага загалоўкам <h1>, можа быць некалькі раздзелаў, кожны з якіх пачынаецца з загалоўка <h2>; у сваю чаргу, кожны з іх можна разбіць на падраздзелы загалоўкамі <h3> і гэтак далей. Пры гэтым некаторыя з раздзелаў могуць і не мець падраздзелаў. Вось так, напрыклад, будзе выглядаць правільная лагічная структура загалоўкаў:

А так - няправільная:

Загалоўкі трэцяга ўзроўня сустракаюцца радзей, чым другога: для невялікага артыкула аб'ёмам да 5000 знакаў звычайна цалкам можна абыйсціся тэгамі <h1> і <h2>. Загалоўкі чацвёртага і ніжэй узроўняў выкарыстоўваюцца досыць рэдка. Яны могуць мець сэнс для тэкстаў вялікага аб'ёму і складанай структуры - напрыклад, юрыдычнай або тэхнічнай дакументацыі, але такія дакументы часцяком будзе зручней загрузіць на сайт у фармаце PDF, а не вылучаць для іх асобную HTML-старонку.

аўдыт загалоўкаў

Для хуткай праверкі загалоўкаў на ўсім сайце можна скарыстацца Screaming Frog SEO Spider або іншым прыкладаннем для SEO-аўдыту. Пасля праверкі вы зможаце ўбачыць старонкі, дзе загалоўкі першага ўзроўню адсутнічаюць або дублююцца, занадта доўгія загалоўкі і г.д.

Для праверкі структуры загалоўкаў на асобна ўзятай старонцы зручна выкарыстоўваць браузерной пашырэнне HeadingsMap : Яно паказвае, загалоўкі якіх узроўняў прысутнічаюць на старонцы, які тэкст у іх утрымліваецца, і аўтаматычна выбудоўвае дрэва іх іерархіі.

Для праверкі структуры загалоўкаў на асобна ўзятай старонцы зручна выкарыстоўваць браузерной пашырэнне   HeadingsMap   : Яно паказвае, загалоўкі якіх узроўняў прысутнічаюць на старонцы, які тэкст у іх утрымліваецца, і аўтаматычна выбудоўвае дрэва іх іерархіі

Прыклад адлюстравання структуры старонкі ў HeadingsMap

Акрамя правільнай паслядоўнасці тэгаў <h1> - <h6>, варта памятаць і пра тое, каб памер шрыфта адпавядаў важнасці загалоўка. Пагадзіцеся, калі на старонцы ёсць, напрыклад, тры ўзроўні загалоўкаў, то яе структура ўжо і так дастаткова складаная; калі ж раптам апынецца, што загаловак трэцяга ўзроўня пры дапамозе стыляў выведзены больш буйным шрыфтам, чым другога ўзроўню, то карыстач лёгка заблытаецца ў тэксце.

Тэгі загалоўкаў і HTML5

У стандарце HTML5 былі ўведзеныя новыя семантычныя элементы: <section>, <article> і іншыя. Выкарыстанне гэтых элементаў дазваляе размяшчаць ўнутры кожнага з іх сваю іерархію загалоўкаў; гэта значыць, на старонцы цяпер можа быць больш аднаго загалоўка <h1>. Гэта можа быць зручна, напрыклад, для стужкі блога, дзе агульным загалоўкам першага ўзроўню для старонкі будзе, напрыклад, «Наш блог», а загалоўкамі асобных секцый - назвы артыкулаў. З іншага боку, можна захаваць агульную структуру загалоўкаў для ўсёй старонкі. Гэта значыць, прымальнымі будуць абодва варыянты:

У Google таксама сцвярджаюць , Што ў выкарыстанні некалькіх загалоўкаў <h1> на старонцы няма нічога заганнага: пошукавая сістэма карэктна распазнае такую ​​разметку.

Такім чынам, падагульняючы сказанае, можна вылучыць некалькі галоўных саветаў.

  • Заўсёды выкарыстоўвайце на старонцы загаловак першага ўзроўню <h1> (адзін на ўсю старонку або асобны для кожнай секцыі). Іншыя загалоўкі ужывайце тады, калі яны сапраўды патрэбныя, каб структураваць кантэнт.
  • Выкарыстоўвайце ў загалоўках ключавыя словы. Чым вышэй узровень загалоўка, тым больш важныя і частотныя ключавыя словы павінны ў ім фігураваць. Не злоўжывайце ключавымі словамі, каб пазбегнуць «переоптимизации».
  • Сачыце за рэлевантнасці загалоўкаў: яны павінны коратка перадаваць тое, пра што пойдзе гаворка ў тэксце.
  • Выконвайце лагічную паслядоўнасць тэгаў загалоўкаў.
  • Не выкарыстоўвайце загалоўкі як элементы дызайну.
  • Старайцеся рабіць загалоўкі чапляцца, каб прыцягнуць карыстальнікаў.