7 асноўных HTML-тэгаў, якія вылучаюць SEO-профі ад пачаткоўцаў

1. 1. Тэг Title
2. 2. Мета-тэг description
3. 3. Тэгі загалоўкаў розных узроўняў
4. 4. A lt-т еги для малюнкаў
5. 5. Тэг «nofollow»
6. 6. Анкорные спасылкі
7. 7. Кананічныя тэгі
8. Апошні савет
9. выснову
10. падобнае

ТОП пошукавых сістэм па асноўных запытам - гэта вяршыня поспеху онлайн-бізнесу.

Паводле даследаванняў маркетынгавых агенцтваў, сайты з першай старонкі пошуку атрымліваюць 95% трафіку, наступныя старонкі атрымліваюць ўсяго 5% ад агульнага аб'ёму.

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

Хацеў бы я расказаць, што ёсць чароўная кнопка, якая абавязкова перамесціць ваш сайт на першае месца выдачы.

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

Няма ніякай магіі, ёсць толькі крокі, дакладныя дзеянні, якія вы можаце зрабіць, каб ўзлезці на вяршыню вынікаў пошуку.

А пачнем мы з асноў аптымізацыі старонкі. Каб сайт ранжыраваць лепш - трэба мець зносіны з пошукавымі сістэмамі на іх мове, на мове SEO. А менавіта, з дапамогай тэгаў HTML.

1. Тэг Title

Гэта, напэўна, самы важны тэг, калі справа даходзіць да базавай аптымізацыі сайта.

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

Вось як ён выглядае ў Google:

Title ў пошуку

Я ўвёў у Google запыт SEO-аптымізацыя. Добра, калі вы заўважылі, што гэта ключавое слова прысутнічае ў дакладнай адпаведнасці ў загалоўку (title) і ў апісанні (мета-апісанні). Гэта галоўная асаблівасць тэга title. Калі вы хочаце прасоўваць старонку па пэўнай ключавой фразе - напішыце яе ў загалоўку. Але не трэба перашчыраваць. Алгарытмы пошукавых сістэм дастаткова прасунутыя - яны добра разумеюць скланення, развядзенне ключавой фразы і сінонімы. Таму абавязкова дадавайце ключавой запыт у тэг title, але не ахвяруйце чытэльным і сэнсам прапановы.

Як дадаць тэг title ў HTML-код вашага сайта?

Вось як ён выглядае:

Выгляд html-тэга title у агульнай структуры старонкі

Каб дадаць тэг title ў HTML-код вашага сайта пачніце тэкст з <title> і скончыце з </ title>. Так вы пакажа пошукавым машынам тэму і ключавое слова, якое вы выкарыстоўваеце на гэтай вэб-старонцы.

Калі ў вас сайт на платформе WordPress , То працэс дадання тэга значна спрашчаецца.

Перайдзіце ў панэль інструментаў WordPress.

Абярыце ўкладку «Запісы» і пост, у які вы хочаце дадаць тэг title.

кансоль WordPress

І ў полі «Увядзіце загаловак» напішыце тое, што вы хочаце паказаць у якасці тэга title.

Загаловак старонкі ў WordPress

Заўвага. WordPress аўтаматычна дублюе назву старонкі ў тэгі HTML. Таму проста увядзіце жаданы загаловак, і ён будзе паказаны ў выніках пошуку.

2. Мета-тэг description

Калі вы сур'ёзна ставіцеся да SEO, вы абавязкова павінны прапісваць на ўсіх сваіх старонках мета-тэг description. Мета-апісанне як рэзюмэ на адваротным баку кнігі. Загаловак ў пошуку - гэта вельмі важна, але дадатковая пара прапаноў дазваляюць пераканаць чытача, што на вашым сайце ён знойдзе менавіта тое, што шукае.

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

Вось дзе мета-апісанне адлюстроўваецца ў выніках пошукавай выдачы:

Мета-апісанне ў пошукавай выдачы

Як вы бачыце, ключавыя словы прысутнічаюць не толькі ў тэгу title, але і ў мета-апісанні. Гэта важна.

Каб старонка высока ранжыраваць ў резкльтатах посика - вам трэба стварыць бесперапыннасць паміж тэгам загалоўка і вашым мета-апісаннем. Гэта значыць рабіце так, каб description быў лагічным працягам title.

Напрыклад, вы карыстаецеся фразу «інтэрнэт маркетынг» ў тэгу title, але ў мета-апісанні прысутнічае выяўленае «email-маркетынг». Пошукавыя сістэмы будуць ацэньваць вашу старонку ніжэй, таму што яны не могуць вызначыць, што вы канкрэтна абмяркоўваеце - інтэрнэт-маркетынг або email-маркетынг.

Выбірайце адно ключавое слова і прытрымвайцеся яго.

Вось як выглядае мета-тэг апісанне ў HTML-кодзе:

html-тэг мета-апісання ў агульнай структуры старонкі сайта

Важна! На кожнай вэб-старонцы павінна быць адно ключавое слова. І гэта ключавое слова павінна адлюстроўвацца ў тэгу title і мета-апісанні.

Калі вы выкарыстоўваеце вэб-сайт на WordPress, дадаць мета-апісанне таксама вельмі лёгка з убудовай «Yoast SEO».

Чытайце нашае кіраўніцтва: Як правільна наладзіць Yoast SEO для WordPress - поўнае кіраўніцтва.

Усталюйце убудова, перайдзіце да старонкі, дзе вы хочаце дадаць мета-апісанне. Унізе, пасля запісу вы ўбачыце акно плагіна Yoast SEO.

Націсніце на кнопку «Змяніць сниппет».

Запаўненне апісання ў папулярным убудове

І ў выпадальным акне ўвядзіце мета-апісанне да 160 знакаў.

Адразу ж пры запаўненні убудовай фармуецца візуальны выгляд паведамленні, як у выніках выдачы Google.

Хуткі прадпрагляд вынікаў выдачы

3. Тэгі загалоўкаў розных узроўняў

Тэгі загалоўкаў абавязкова трэба дадаваць у кантэнт на сайце.

У адрозненне ад тэгаў title і description яны не выводзяцца ў вынікі пошукавай выдачы (дакладней не абавязкова выводзяцца - пра гэта далей), але робяць інфармацыю на старонцы чытэльным і зразумелай. Прычым не толькі для карыстальнікаў, але і пошукавікаў.

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

Гэта H2 загаловак

Уся гэтая радок з'яўляецца тэгам загалоўка h2.

У вярсце існуе некалькі розных узроўняў тэгаў загалоўкаў. У залежнасці ад фармату запісы часцей за ўсё выкарыстоўваюць - h1, h2, h3, радзей - h4, h5, h6.

Вось як выглядае HTML-тэг падзагалоўкам:

тэгі загалоўкаў

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

Менавіта так пошукавыя сістэмы могуць ствараць фрагменты ў пошукавай выдачы:

Сниппет ў пошукавай выдачы

А такія сниппеты робяць аб'яву больш прыкметным, у адносінах да іншых старонках, што адпаведна значна ўплывае на колькасць наведвальнікаў.

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

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

Выбар загалоўкаў у WordPress

У HTML-рэдактары проста пачніце з <h2> і зачыніце </ h2>. Аналагічна з загалоўкамі іншых узроўняў.

4. A lt-т еги для малюнкаў

Alt-тэгі - гэта яшчэ адна магчымасць прасунуць сайт, якую многія выпускаюць. Бо людзі выконваюць пошук на ўкладцы «Усе».

пошук Google

Часам людзі шукаюць інфармацыю на ўкладцы «Малюнкі».

Пошук па малюначках

Калі вы не запаўняеце alt-тэгі - вы губляеце частку свайго трафіку.

Пошукавыя сістэмы яшчэ не разумеюць паказу (у бліжэйшай будучыні гэта дакладна зменіцца) - яны чытаюць толькі словы.

Значыць, каб вашыя выявы ранжыраваць ў пошуку Google і Яндэкс, вам трэба заўсёды запаўняць alt-тэгі на ўсіх вашых скрыншотах і малюнках.

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

Вось як выглядае Alt-тэг для малюнкаў:

Тэг для малюнкаў

Каб дадаць гэты тэг ў малюнкі для пастоў на платформе WordPress, націсніце на карцінку, і вы ўбачыце пустое поле з надпісам «Навык alt».

Запаўненне тэга alt для малюнкаў у WordPress

Апішыце гэта малюнак. У alt-тэг не абавязкова дадаваць ключавое слова, прызначанае для старонкі.

Захавайце змяненні і зрабіце тое ж самае з астатнімі вашымі малюначкамі. Гэта павялічыць вашыя шанцы, што людзі знойдуць ваш кантэнт.

5. Тэг «nofollow»

Ёсць некалькі прычын, па якіх трэба ведаць тэг «nofollow» для спасылак.

Па-першае, тэг «nofollow» паведамляе пошукавым сістэмам, што яны не павінны пераходзіць па спасылцы.

Іншымі словамі, прывязка да вэб-сайту або фрагменце кантэнту звычайна павялічвае спасылачныя масу дамена вэб-рэсурсу, на які спасылаюцца. Але з тэгам nofollow гэта не адбываецца. Спасылачныя маса не перадаецца.

Але не турбуйцеся: спасылка усё роўна будзе працаваць. Яна перанакіруе карыстальніка ў патрэбнае месца, калі ён націсне на яе.

Вось як выглядае атрыбут «nofollow»:

тэг nofollow

Але чаму трэба ведаць аб спасылках «nofollow»?

Ёсць некалькі прычын.

Калі вы працуеце над SEO-стратэгіяй з дапамогай зваротных спасылак, вам трэба ведаць, ці будуць гэтыя спасылкі перадаваць спасылачныя вагу. Атрыбут «dofollow» перадае вага і дапамагае пры ранжыраванні сайта, спасылкі «nofollow» - не.

Важна! Ёсць меркаванне экспертаў, што спасылкі «nofollow» у невялікай ступені дапамагаюць ранжыравання. Таму яны не зусім бескарысныя. Але пацвердзіць гэта ці абвергнуць ніхто не можа.

Таксама вы можаце выкарыстоўваць тэг «nofollow» на сваім уласным вэб-сайце, калі будзеце дадаваць спасылкі на іншы вэб-сайт, асабліва з дрэннай рэпутацыяй.

Гэта гарантуе, што спасылка не пашкодзіць вашаму дамену.

Вось як вы можаце зрабіць гэта на сваім сайце.

Перайдзіце на HTML-рэдактар ​​у блогу.

пераключэнне рэжымаў

Дадайце спасылку і атрыбут nofollow.

Спасылка і тэг nofollow

Цяпер спасылка не паўплывае на SEO іншага сайта і абароніць ваш сайт ад санкцый.

6. Анкорные спасылкі

Калі публікуеце артыкулы на сваім сайце, вы, верагодна, спасылаецеся на розныя сайты з дапамогай спасылак.

Многія людзі проста дадаюць спасылку на рэсурс. Напрыклад, вось так http://mediol.name/

Але гэта не зусім добра ў плане SEO. Лепш дадаваць спасылку з Анкор.

Для разумення: вось як выглядае HTML-тэг з Анкор:

<A href = "http://example-website.com"> Этоссылкана мойсайт </ a>.

А вось так без Анкор:

http://example-website.com

Але чаму спасылка з Анкор лепш?

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

Тэкст вашага Анкор павінен адказаць на гэтыя пытанні для пошуку.

Да прыкладу, калі вы спасылаецеся на чужой сайт і ставіце добры тэг Анкор, гэта дапаможа ранжыраванню больш, чым спасылка.

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

Пошукавыя сістэмы любяць арганізаваны кантэнт.

7. Кананічныя тэгі

Кананічны тэг выдатна падыходзіць для арганізацыі вашага кантэнту і выбудоўвання прыярытэтнасці адной старонкі ў адносінах да дублікат.

«Але ў мяне няма дубляваных старонак на сайце!» - скажаце вы.

Смею вас засмуціць, але, хутчэй за ўсё, вы памыляецеся. На кожным вэб-сайце ёсць дублі старонак.

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

Дазвольце мне растлумачыць. Пошукавая сістэма можа сканаваць адну і тую ж старонку, выкарыстоўваючы ўсе гэтыя розныя URL-адрасы.

Для нас яны ўсе падобныя на адну і тую ж старонку. Але для пошукавай сістэмы кожная з іх - дубль.

Прыклад магчымых дубляў сайта

Гэта ўсяго толькі невялікая выбарка магчымых дубляў старонак. Калі ў вас вялікі вэб-рэсурс - на ім могуць быць сотні ці тысячы дублікатаў.

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

Вось як выглядае гэты тэг.

html-код тэга Canonical

Гэта дапаможа пошукавым сістэмам правільна счытваць інфармацыю з вашага сайта і ранжыраваць яго лепш.

Апошні савет

Калі вы не моцна разбіраецеся ў HTML-кодзе, вам не трэба яго вучыць. Многія маркетолагі і эксперты па SEO не ведаюць нават базавы мова праграмавання.

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

Мой самы любімы - Yoast .

Калі ў вас ёсць сайт на WordPress, усталюйце убудова Yoast, які спросціць даданне большасці гэтых тэгаў.

Yoast нават правядзе агульны дыягназ SEO для вашага кантэнту і паведаміць вам, як зрабіць яго лепш. Знайсці рэкамендацыі ад Yoast Seo можна ў канцы рэдактара артыкулы:

Убудова Yoast SEO

выснову

Заваяванне ТОП 1 займае шмат часу. Часам патрэбныя месяцы, часцей за ўсё - гады цяжкай, руціннай і творчай працы над сайтам, паляпшэннем яго рэйтынгу. І калі не здавацца - вы абавязкова падніміцеся на вяршыню.

А для дасягнення гэтай мэты патрабуюцца правільныя HTML-тэгі.

Навошта?

Таму што гэта аснова html-вёрсткі. Таму што гэтага патрабуюць пошукавыя сістэмы. І ў рэшце рэшт, выкарыстанне HTML-тэгаў паказвае, хто пачатковец у SEO, а хто - прафесіянал.

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

А значыць - губляе частку арганічнага трафіку.

Калі артыкул быў для вас карысная - напішыце пра гэта ў каментарах!

7 асноўных HTML-тэгаў, якія вылучаюць SEO-профі ад пачаткоўцаў

Рэйтынг: 5 Ацэнак: 3

падобнае