HTML5 SEO або міф?

1. ! DOCTYPE
2. Новы чалавек таварыскую Тэгі
3. Няма JavaScript (у некаторых выпадках)
4. Тыпы ўводу новых
5. лакальнае сховішча
6. Bottom Line

HTML5 быў модным словам на некаторы час цяпер, і мы толькі пачынаем прывыкаць да яго. Але ці сапраўды HTML5 SEO існуе? Я маю на ўвазе апошняя версія HTML настолькі дасканалыя з пункту гледжання SEO, што мы можам прыняць яго ў якасці асобнага поля ў SEO? Гэты пост займае больш блізкі погляд на апошнюю ітэрацыю HTML і пралівае некаторы святло на SEO адваротным баку HTML5. Я на самой справе ўзяў лішнюю мілю, і зрабіў Базавы курс HTML5 ад Envato, каб сапраўды зразумець тыя перавагі, якія ён прыносіць на стол SEO. Такім чынам, вы будзеце мець магчымасць прыняць абгрунтаванае рашэнне, калі ваш сайт прама цяпер мае патрэбу ў HTML5, ці вы можаце прыняць яго лёгка ўбачыць, што адбудзецца далей.

! DOCTYPE

Першы радок кожнага дакумента html5 на самай справе паказвае, што гэта ўсё аб. HTML5 робіць ваш файл больш лёгкім і больш семантычным (зразумела). Такім чынам, калі вы выкарыстоўваеце HTML5 на вашым сайце, вы можаце проста запусціць файл са наступным радком:

І гэта замест таго, каб:

Гэта велізарная палёгку! Ці не думаеце вы так?

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

Новы чалавек таварыскую Тэгі

Такія тэгі таксама называюцца семантычным тыя, таму што яны накшталт даюць вам прадстаўленне аб тым, што яны ўсё аб. Напрыклад, калі вы выкарыстоўваеце тэгі <DIV> </ DIV> Вы сапраўды не ведаеце, што будзе заключана ў іх. Гэта можа быць што заўгодна: загаловак, калантытул, бакавая панэль, вы называеце яго. Новыя тэгі HTML5 прынесці больш структуры і разумення гэтай структуры як для людзей і пошукавых сістэм. Такім чынам, новыя тэгі семантычны HTML5 з'яўляюцца:

• <Загаловак>
• <Навігацыі>
• <Акрамя> (вы можаце выкарыстоўваць яго для бакавых панэляў)
• <Калантытул>

Як вы можаце бачыць, вы можаце лёгка высветліць, якія тэгі для выкарыстання ў загаловак, калантытул і г.д. Адзіная праблема заключаецца ў <ў бок> тэг, таму што ён не выглядае занадта семантычны мне. Я мяркую, што яны маглі б проста назваць яго <бакавая панэль>. Што думаеш?

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

Няма JavaScript (у некаторых выпадках)

Само сабой зразумела, што выкарыстанне JavaScrip на вашым сайце з'яўляецца праблемай SEO ў многіх выпадках, таму што галоўныя пошукавыя сістэмы цяжка зразумець гэта змесціва з дапамогай JavaScrip. З дапамогай HTML5, вы можаце стварыць метр і прагрэс бараў без 3 сцэнарыяў партыі. Проста выкарыстоўвайце наступныя тэгі:

• <Лічыльнік> </ м>
• <Прагрэс> </ прагрэс>

Вы можаце ўзяць looksie на малюнак, каб лепш зразумець, як гэтыя тэгі працуюць і што яны паказваюць у вашым браўзэры.

Я не магу бачыць ніякай карысці, акрамя таго, што вы не павінны выкарыстоўваць (або выкарыстаць менш) JavaScript на вашым сайце, які заўсёды добрыя навіны.

Тыпы ўводу новых

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

• па электроннай пошце. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = "электронная пошта">
• дыяпазон. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = "Дыяпазон»>
• колер. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = "колер">. У асноўным, гэта проста паказвае каляровую палітру.
• нумар. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = «лік»>. Гэта паказвае выпадальнае меню для выбару нумары.
• дата. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам :. <Уваходны тып = «дата»> Гэты тып ўводу дазваляе адлюстроўваць выпадальны каляндар з дапамогай толькі HTML.
• URL-адрас. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = "URL">.
• тэлефон Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <уваходнага тыпу = "цела">.
• пошук. Вы можаце выкарыстоўваць яго ў HTML-формах наступным чынам: <ўваходных тып = «пошук»>.
• Дата і час. Гэта дазваляе паказаць інфармацыю часу ў наступным фармаце: гггг-мм-дд гг: мм. Глядзіце скрыншот ніжэй.

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

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

лакальнае сховішча

Я лічу, што гэтая функцыя будзе гуляць ролю для SEO, калі вы пакідаеце шырокія каментары на адпаведныя блогі. Як правіла, гэта зойме некаторы час, каб стварыць такі каментар. Гэта можа заняць мяне да паўгадзіны, каб прыдумаць сапраўды прыстойны каментар. А пры націску на кнопку «Адправіць», вы атрымаеце наступнае паведамленне: «Ваша сесія мінула!» Гэта адбываецца са мной шмат. Функцыя лакальнага захоўвання дазваляе лакальна захоўваць значныя аб'ёмы інфармацыі, каб ваш каментар (у дадзеным выпадку) не толькі мінае.

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

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

Bottom Line

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

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

Змест блога грунтуецца як на маіх даследаваннях і асабістага вопыту, які я атрымаў ад працы ў тэхпадтрымцы. Што вы думаеце аб маім зняволенні аб HTML5 і SEO?

фота: «Каўбой» Бэн Alman праз photopin куб.см