7 HTML Кіраўніцтва для вэб-сайтаў Юзабіліці і SEO

  1. 1. <галава>
  2. 2. <назва>
  3. 3. <META NAME = "апісанне" ...
  4. 4. отн = "кананічнай»
  5. 5. <A HREF = "..
  6. 6. <спасылка отн = "Табліца стыляў" ...
  7. 7. Microdata
  8. выснову

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

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

Паколькі пошукавыя сістэмы становяцца разумней і больш чалавек, як і ў тым, як яны ранжыраваць іх resuclts, аптымізацыя сайта становіцца больш вытанчаным і дае больш магчымасць налады, каб палепшыць свой сайт і для выгоды выкарыстання і SEO , Шэраг артыкулаў у гэтым блогу было напісана, каб растлумачыць, як вы можаце гэта зрабіць. Я б раіў глядзець на артыкулы, такія як:

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

1. <галава>

SEO: Гэта самая важная частка ўсёй HTML структуры вашага сайта з SEO пункту гледжання. Тут вы збіраецеся ўставіць тэгі загалоўкаў, мета апісанні і нават пошук аналітыка рухавіка код, хутчэй за ўсё, каб атрымаць сваё месца тут. Акрамя таго, кіраўнік тэг дома некаторыя іншыя важныя тэгі, як мета-тэгі, і, вядома, усе важныя отн = "кананічныя» пазнакі. Усе яны будуць разгледжаны асобна ў ніжэйпрыведзеных асобаў пунктах. Аднак, у сілу сваёй агульнай значнасці, я адчуваў, што галава тэг павінен сам мець кропку самастойна.

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

2. <назва>

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

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

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

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

Для поўнага набору кіруючых прынцыпаў назвы тэга, калі ласка , звярніцеся да артыкуле:
« 15 Рэкамендацыі па аптымізацыі тэгаў Title для юзабіліці і SEO »

3. <META NAME = "апісанне" ...

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

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

4. отн = "кананічнай»

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

Юзабіліці: Наяўнасць старонак з аднолькавым ці вельмі падобным зместам з'яўляецца фактарам , які ўводзіць карыстальнікаў у зман. Калі такі дубляваны кантэнт прысутнічае ў спасылках ці навігацыі, то карыстальнікі будуць у разгубленасці, на якім спасылку націснуць на кнопку. З іншага боку, калі той жа кантэнт даступны праз па-рознаму названых спасылак, то гэта таксама будзе блытаць карыстальнікаў, як яны будуць спрабаваць убачыць, калі ўтрыманне адрозніваецца.

5. <A HREF = "..

SEO: Залішне казаць, што спасылкі маюць важнае значэнне для SEO. Разам з XML Sitemaps, яны ўяўляюць сабой адзіны шлях, у якім пошукавыя робаты знаходзіць і індэксаваць вэб-старонкі. Google выкарыстоўвае спасылачныя для таго, каб вызначыць кошт спасылак на сваім вэб-рэйтынгу. Для спасылкі, каб быць сяброўскай пошукавай сістэме яны павінны быць апісальным (у тым ліку ў атрыбуце загалоўка) і павінен утрымліваць ключавыя словы.

Юзабіліці: Маючы выкарыстоўваюцца спасылкі фактычна азначае , што карыстальнікі, хутчэй за ўсё , для дасягнення мэты, чаму яны знаходзяцца ў вашым вэб - сайце (няхай гэта будзе для пошуку інфармацыі або мэт закупкi тавараў або паслуг). Гэта дасягненне мэты станоўча паўплывае на іх вопыт, тым самым павялічваючы верагоднасць таго, што яны будуць паўторна наведаць ваш сайт і / або рэкамендаваць яго сваім калегам.

Для поўнага набору кіруючых прынцыпаў спасылкі юзабіліці, калі ласка , звярніцеся да артыкуле:
« 15 Юзабіліці Рэкамендацыі для праектавання Спасылкі Web Site »

6. <спасылка отн = "Табліца стыляў" ...

SEO: Калі Sheets код JavaScript (JS) і каскадных Style (CSS) ўбудаваны ў HTML - файлах, гэта робіць гэтыя файлы большага памеру, што робіць іх больш павольна загружацца. Пошукавыя сістэмы аштрафаваць павольнай загрузкі вэб-сайтаў і Google нават увёў хуткасць сайта ў вэб-пошуку рэйтынгу. Найлепшым рашэннем з'яўляецца экстернализовать файлы JS і CSS, і атрымліваць код па меры неабходнасці. А яшчэ лепш, гэтыя знешнія C і JS файлы павінны быць сціснутыя, так як гэта зробяць іх менш па памеры і, такім чынам, прынеслі хутчэй. Звядзенне да мінімуму колькасці зваротаў да сервера для здабывання гэтых файлаў шляхам дасягнення балансу паміж колькасцю файлаў і іх памеры таксама могуць быць карысныя для паляпшэння хуткасці сайта.

Юзабіліці: Карыстальнікі звычайна праводзяць паміж 10 і 20 секунд на вэб-старонцы, калі змест не хапае іх увагу. Цяпер уявіце, як хутка карыстальнікі будуць пакінуць вэб-старонку, калі гэта змест займае вельмі шмат часу для загрузкі! Даследаванні, праведзеныя Google пацвердзіў, што «хуткія сайты ствараюць шчаслівыя карыстальнік» і «калі сайт рэагуе павольна, карыстальнікі праводзяць менш часу там».

7. Microdata

SEO: Microdata гэта адзін з трох моў кодаў , прызначаных для забеспячэння праграм павуціне пошукавых сістэм з інфармацыяй пра змест сайта. А яшчэ лепш, прыняты фармат мікрададзеных, Schema.org быў ухвалены Google, Bing і Yahoo! як патлумачыў AJ Кумар Entrepreneur.com , Мікрададзеных забяспечвае пошук праграм рухавік павука з вялікім кантэкстам для тыпу інфармацыі на вэб-сайце і якім чынам сайт павінен быць праіндэксаваны і ранжыраваць. Акрамя таго, ён таксама стварае «багатыя фрагменты», якія адлюстроўваюць больш падрабязную інфармацыю аб выніках пошуку, чым традыцыйныя спісы.

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

выснову

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

(Lead малюнак: MianShazadRaza праз PixaBay )