Сышышь ты, выходи сюда,
поговорим !

HTML Вэб-дызайн - Цела Тэгі і SEO

  1. Google Snippets
  2. Выкарыстоўвайце іерархічны парадак для загалоўка Тэгі
  3. На адным тэгу H1 на старонцы?
  4. Ключавое слова багатых загалоўкі
  5. Атрыбут Alt.

Ва ў мінулым пасце мы казалі аб HTML і як карысна тэгі, якія знаходзяцца ў раздзеле <HEAD> (біт, які ў асноўным схаваныя ад гледача) з'яўляюцца. На гэты раз мы глядзім на тэгі, якія выкарыстоўваюцца ў раздзеле <Body>.

Раздзел Цела HTML-кода, што выкарыстоўвае праграмнае забеспячэнне браўзэра намаляваць / стварыць старонку на кампутары карыстача (ці мабільны тэлефон / планшэт) экран.

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

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

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

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

Тэг загалоўка з'яўляецца адным з асноўных спосабаў, якія вы зрабілі гэта з дапамогай H1 для асноўнага загалоўка, H2 для наступнага ўзроўню і гэтак далей на ўсім шляху да дробязяў H6. Сёння, вядома, з дапамогай стыляў можна перавызначыць, як вялікі (і які колер / шрыфт выкарыстоўваецца) тэкст. Але незалежна ад таго, што вы робіце іх падобнымі, пошукавыя сістэмы ўсё яшчэ выкарыстоўваюць той факт, што яны былі адзначаны як «важныя» блокі тэксту, толькі таму, што яны заключаны ў тэг загалоўка.

Гэта важны факт , і , такім чынам , яны павінны выкарыстоўвацца разумна.

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

<H1> Некаторы важны TEXT на старонцы </ h1>

Аднак, у той час як яны добра дазваляючы Engines ведаць, што важна, сёння, са з'яўленнем ўсё больш магутных (і разумных) алгарытмаў, Google і яго радня ня больш спадзявацца на тэг загалоўка, так што гэта нармальна, каб не выкарыстоўваць, то на ўсіх. АЛЕ, яны па- ранейшаму дапамагаюць пошукавыя сістэмы прачытаць ўтрыманне ў больш эфектыўным спосабам, таму мы раім выкарыстоўваць іх, проста пераканайцеся , што вы карыстаецеся іх у правільным кірунку.

Выкарыстоўвайце парадак тэгаў загалоўкаў (h1 да h6) , каб паказаць узровень важнасці кожнага раздзела на гэтай старонцы.

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

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

Google Snippets

Кожны зараз і потым, Google месца спіс тыпу прыкмет фрагментаў з загалоўкаў канкрэтнай старонкі ( у асноўным для гідаў і інструкцыі). Калі H1 на старонцы будзе запалкамі радкі запыту адшукваецца (ці, па меншай меры, вельмі падобна), то і вашыя падзагалоўкі (H2 - H6) будуць выкарыстоўвацца, каб зрабіць храналагічны спіс у прыкметах сниппеты. Гэта можа быць сапраўды вельмі магутным і вы можаце атрымаць шмат клікаў!

Гэта можа быць сапраўды вельмі магутным і вы можаце атрымаць шмат клікаў

Прыклад Google Рэкамендаваны Snippet

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

Выкарыстоўвайце іерархічны парадак для загалоўка Тэгі

Для SEO мэтаў мы павінны памятаць, што мы маем справу з кампутарам, хоць і вельмі разумным, і найлепшым чынам выкарыстаць гэта мы павінны рабіць рэчы, якія выглядаюць «лагічна правільныя". Такім чынам, выкарыстоўваючы тэг загалоўкаў ў лагічным парадку, з H1, суправаджаецца H2, суправаджаецца Н3-х мы зможам пераканаць Google, што мы выклалі наш кантэнт у лепшым выглядзе. Як яны любяць сайты, якія лёгка для людзей, каб чытаць, мы атрымалі кропку ў нашу карысць.

Купіць атрымаць адзін бясплатны

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

На адным тэгу H1 на старонцы?

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

Ключавое слова багатых загалоўкі

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

Атрыбут Alt.

Атрыбут альт тэкст, які выкарыстоўваецца, каб быць вельмі важна на самай справе, як і раней дні хуткаснага інтэрнэту, людзі некалі давялося ўключыць выявы ад (гэта значыць, яны не загружаць або убачыць малюнак) належачы на ​​Alt Tag, каб сказаць ім, што карціна была кс.

У HTML гэта звычайна выглядае наступным чынам:

<IMG SRC = "URL іміджавай» альт = »Вялікае апісанне карціны»>

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

Дарэчы, вы можаце таксама павысіць SEO патэнцыял старонкі, выкарыстоўваючы апісальныя імёны URL - адрасоў Ці падабаецца «лепшы-сабачы buscuits-ever.jpg» замест «image1.jpg», як гэта дае Google яшчэ больш поўнае ўяўленне аб то , што старонка о.

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

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

На адным тэгу H1 на старонцы?