HTML5 і SEO-аптымізацыя

1. Якія магчымасці дае HTML5?
2. Структура старонак і аптымізацыя
3. афармленне спасылак
4. Медыя-файлы ў HTML5
5. Магчыма вас зацікавяць падобныя артыкулы:

Аўтар: Andrey Kravets

З'яўленне новай версіі мовы разметкі старонак HTML5 - гэта калі не рэвалюцыя, то дакладна велізарны скачок у яго эвалюцыі. Але што гэта азначае для вобласці SEO і ўладальнікаў сайтаў?

Мова HTML распрацавана яшчэ ў 1990 годзе, да нядаўняга часу выкарыстоўвалася апошняя версія - HTML4, якая выйшла ў свет у 1997 годзе. Прагрэс не стаяў на месцы, што вырашалася з дапамогай розных дапаўненняў ад іншых распрацоўнікаў - Java, Flash, Air. Гэтыя дапаўненні дазволілі рэалізаваць для карыстальнікаў мноства тэхналогій і не адставаць ад прагрэсу. Але гэта не было выхадам з сітуацыі, і ў 2004 годзе распрацоўшчыкі з групы стварэння гіпертэкставых Прыкладных Тэхналогій ў Інтэрнэт (WHATWG) прыступілі да працы над новай версіяй HTML. Варта адзначыць, што распрацоўка яшчэ працягваецца, але плён новага стандарту HTML актыўна ўкараняюцца ўжо цяпер.

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

Якія магчымасці дае HTML5?

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

Асобна варта адзначыць магчымасць працы старонкі без выкарыстання дадатковых убудоў. Напрыклад, прайграванне відэа рэалізуецца з дапамогай тэхналогій HTML5, а не як у выпадку 4 версіі - з дапамогай праграмы Adobe Flash Player. Гэта пазбаўляе ад ўстаноўкі дадатковых убудоў і павышае сумяшчальнасць, павялічваецца шанец, што канчатковы карыстальнік ўбачыць старонку ў поўным аб'ёме. Ўсе найбольш распаўсюджаныя браўзэры падтрымліваюць HTML5. Акрамя ўсяго іншага прыкладання, напісаныя на HTML5, не саступаюць па функцыянальнасці і графічным магчымасцям звычайным прыкладанням на сродках дадатковых праграм, пры гэтым патрабуючы менш апаратных рэсурсаў.

Перавагі новага стандарту зразумелыя, але як ідзе справа з сумяшчальнасцю? Распрацоўшчыкі ўлічылі гэты момант - ствараючы новы код, яны рабілі гэта такім чынам, каб састарэлыя браўзэры «разумелі» новы стандарт. Вядома, у поўнай меры яны не могуць падтрымліваць усе магчымасці новага HTML, але ўсё тэхналогіі HTML4 карэктна працуюць. Вэбмайстра могуць не баяцца праблем з сумяшчальнасцю, ствараючы сайты на HTML5. Карыстальнікі з састарэлым браўзэрам ўсё роўна ўбачаць усю частку старонкі, якая падтрымліваецца HTML4. А тэхналогіі, недаступныя для 4 версіі HTML, у такім выпадку можна прадубляваць традыцыйнымі дапаўненнямі, Java або Flash.

Структура старонак і аптымізацыя

Адно з асноўных адрозненняў новага стандарту HTML5 - новы падыход да структуры старонкі. Сегментацыя старонкі больш празрыстая, розныя часткі цяпер значна лягчэй аддзяліць адзін ад аднаго ў семантычнай сэнсе. Калі раней выкарыстоўваўся тэг div, і элементы не былі ніяк адасобленыя, то зараз элементы нясуць розную сэнсавую нагрузку. Для сегментацыі старонкі выкарыстоўваюцца тэгі header, sidebar, article і footer, якія вылучаюцца адпаведныя блокі.

Гэта новаўвядзенне адыгрывае пэўную ролю ў аптымізацыі, і ім абавязкова трэба карыстацца. У чым яго перавага ў плане SEO? Сегментаваць такім чынам старонку нашмат лягчэй разумеюць пошукавыя працы: яны адразу бачаць асноўную частку, якая нясе найбольшую сэнсавую нагрузку і прапускаюць менш значную інфармацыю ў футере або Хидер пры індэксацыі. Таксама робату лёгка вылучыць інфармацыю пра адрас арганізацыі, капірайт або лагатып кампаніі.

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

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

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

Звычайна фу (склеп) служыць для размяшчэння інфармацыі аб капірайце, канфідэнцыяльнасць, сацыяльныя кнопкі і іншыя дадзеныя. Боты пры наяўнасці тэга footer вызначаюць кантэнт гэтай галіне старонкі як другарадны.

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

На практыцы код старонкі з выкарыстаннем гэтых тэгаў выглядае так:

<Section id = "gallery">
<Header>
<H1> </ h1>
</ Header>
...
<Footer>
</ Footer>
</ Section>
<Section id = "news">
<Header>
<H2> </ h2>
</ Header>
...
<Footer>
</ Footer>
</ Section>

афармленне спасылак

У HTML5 выкарыстоўваюцца розныя віды спасылак, атрыбутамі ім можна надаць пэўнае значэнне:

• alternate - пераход на альтэрнатыўны адрас адной і той жа старонкі;
• author - спасылка, якая вядзе на старонку з інфармацыяй пра аўтара;
• external - спасылка на знешні дамен;
• help - спасылка на старонку дапамогі;
• license - спасылка, якая вядзе на старонку з інфармацыяй пра ўмовы ліцэнзавання;
• next і prev - вядуць на наступныя і папярэднія часткі артыкулы ў выпадку яе размяшчэння на некалькіх старонках. Так пошукавіку прасцей будзе зразумець, што інфармацыя на старонках звязана, такім чынам праіндэксавана яна будзе правільна;
• nofollow - гэта атрыбут ўжо шматлікім знакам, ён азначае, што старонка не пацвярджае дадзеную спасылку.

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

Медыя-файлы ў HTML5

У наш час многія сайты проста неймаверныя без аўдыё- і відэакантэнту. У новым стандарце HTML рэалізавана даданне відэа- і аўдыяролікаў на старонкі. Для гэтага ўведзены адпаведныя тэгі video і audio. У чым плюс выкарыстання гэтых тэгаў для пошукавай аптымізацыі? Яны будуць выкарыстоўвацца пошукавымі работамі ў індэксацыі матэрыялаў - напрыклад, для пошуку па відэа "Яндэкса" і Google.

высновы

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

Магчыма вас зацікавяць падобныя артыкулы: