SEO і HTML5

  1. Лепшыя тэгі HTML5
  2. Прыклад старонкі з элементамі HTML5

У цяперашні час пераважная большасць старонак змяшчае толькі некаторыя элементы HTML5, такія як загаловак і ніжні колонтитул, але як наконт іншых элементаў HTML5?

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

Дзякуючы HTML5, структураванне змесціва старонкі лёгка , бо яго асноўная структура дапамагае класіфікаваць кожную частку старонкі. Гэта значыць, раней усё было ўсталявана з тэгамі <div> і атрыбутам id. У цяперашні час мы можам назваць розныя часткі старонкі сваімі пазнакамі.

Лепшыя тэгі HTML5

  • <section>: стварае раздзел змесціва, які мы можам знайсці ў любым іншым элементе. Гэтая этыкетка патрабуе загалоўка .
  • <main>: Для мовы праграмавання HTML5 з'яўляецца пазнакай, якая вызначае змест старонкі . Змест, які знаходзіцца ў гэтым тэгу, будзе найбольш важным для Google . Але тэгі <main> прымаюцца толькі ў браўзэрах Firefox і Google Chrome, і для гэтага мэтазгодна дадаць атрыбут role = "main" да тэга <main>. Гэта будзе: <main role = "main">.
  • <article>: Этыкетка з зместам, які сам па сабе мае сэнсавы сэнс без неабходнасці ставіцца да зместу старонкі. Напрыклад, калі ў блогу мы выбіраем катэгорыю, ствараецца старонка, якая выглядае наступным чынам: У цяперашні час пераважная большасць старонак змяшчае толькі некаторыя элементы HTML5, такія як загаловак і ніжні колонтитул, але як наконт іншых элементаў HTML5 Як мы бачым на малюнку, гэта будзе структура, згаданая ў HTML5. Калі на старонцы няма тэга <main>, то гэта тэг, які ўстанаўлівае тое, што ўтрымлівае адпаведны змест на старонцы, і папярэдні прыклад будзе змяняць <main> > для <article> і <article> для <section>.
  • <nav>: меню навігацыі . Дзе мы ўстаўляем спасылкі для прагляду вэб-старонак. Змесціва, якое мы ўкараняем Google, не ігнаруе яго, але не дае яму вялікага значэння.
  • <aside>: З дапамогай гэтага тэга змест ствараецца часткова з асноўным зместам. Прыклады выкарыстання: бакавая панэль, рэклама, гласарый слоў, легенды ...
  • <header>: загаловак старонкі . Звычайна ён змяшчае лагатып, тэг <nav>, форму пошуку і кантактную інфармацыю. Звычайна гэта аднолькава для ўсіх старонак сайта, і, хоць гэта першае, што чытае Google, пасля метатэгі, ён не мае вялікага значэння пазіцыянавання.
  • <footer>: уяўляе сабой ніжні колер , тут дадаюцца спасылкі, звязаныя з аўтарскім правам, кантактныя дадзеныя (калі яны не ў загалоўку) або інфармацыю, якая не мае дачынення да пазіцыянавання, паколькі ён найменш важны.

Прыклад старонкі з элементамі HTML5

Гэта быў бы асноўны прыклад старонкі, запраграмаванай у HTML5:

Вы павінны быць асцярожныя з загалоўкамі, якія выкарыстоўваюцца. Ведаючы, што на старонку можа быць толькі адна <h1>, у гэтым выпадку я ўсталяваў загалоўкі <article> як <h2> і <section> як <h3>.

HTML5 - гэта будучыня , ці, здаецца, дагэтуль, вы думаеце, што Google надасць ці надае значэнне, калі ён запраграмаваны ў HTML5 ці не?