Пераклад на беларускую мову Patricia Clausnitzer
Я не думаю, што ў выніку крыніцай развіцця практыкі адкрытых, блог архітэктур будзе вельмі блізкі да дасканаласці ў такіх абласцях, як вэб-стандарты і максімальна SEO уздзеянні.
Вы былі б не так.
Неверагодна, але амаль у кожным WordPress, MovableType, TypePad ці тэмы, якія я сустракаў летась не атрымоўваецца просты тэст, па-сучаснасці семантычных (і Google-рэкамендуецца) XHTML разметкі. Зараз, я буду першым, каб прызнаць, што гэтыя няўдачы зусім не фатальныя недахопы. Разам з тым, хоць, я лічу вельмі трывожным, што ніжняя структура разметкі пераважае ва ўмовах абсалютна правільна рабіць рэчы.
Пасля гэтага адкрыцця, я думаў, што чэмпіёнам чыннік і прыступіць да змены сайтаў адзін за адным, увесь час прапаведаванні пераваг дасканалай разметкі. Тады я зразумеў, што Ёсць толькі 24 гадзін у дзень, і я жадаў прынамсі тры з гэтых ісці насустрач гульні Guitar Hero ...
Так што кампраміс, я вырашыў апублікаваць важным кіраўніцтвам да семантычнай разметкі вэб-блогаў. Вучыць яго, жыць ім, і выгады ад пяшчота-гэта можа азначаць розніцу паміж добрым і адзін сайт, які захопіць вас.
Правільны XHTML структуры для блогаў і Google!
Адным з ключавых прынцыпу рэгулюе разметкі на кожнай старонцы вашага сайта:
Ваша задача складаецца ў апісанні кожнай старонкі ў пошукавых сістэмах за кошт выкарыстання іерархічнай тэгі XHTML ( <title> , <h1> , <h2> , <h3> і г.д.) і прадставіць іх у лагічна значных парадку.
Што да блога архітэктур Існуюць пяць абласцей, якія мы збіраемся засяродзіцца на, як паказана на малюнку ніжэй.
Малюнак 1. Мы збіраемся пакрыць гэтыя 5 абласцей семантычнай разметкі XHTML.
1. Назва старонкі правільным шляху!
Page назвы з'яўляюцца найболей важным злучным звяном паміж чыстай SEO і сваё чалавечае чытачоў. Хоць іх відавочным уплыў на старонках вашага сайта можа здацца мінімальным, іх рэальнае ўздзеянне ў пошукавых сістэмах не выклікае сумневы. Як вы можаце бачыць на малюнку ніжэй, Google выцягвае змесціва вашага <title> тэгі і спасылкі яго ў якасці найболей вядомых частка інфармацыі ў выніку пошуку.
Рыс 2. Ваш <title> тэгі падаюцца ў пошукавай выдачы, так што вам лепш зрабіць іх колькасць!
Хоць некаторыя тэмы WordPress апрацоўваць загалоўкі старонак вытанчана, шматлікія з іх пабудаваны такім чынам, што не мае сэнсу, калі глядзець у кантэксце выдачы вынікаў. Напрыклад, вельмі ўсюдыісны Кубрыка тэма, якая пастаўляецца з папярэдне ўсталяванай з WordPress, мае назвы старонак, якія будуюцца наступным чынам:
Назва блога Найменне пасады
З дапамогай гэтай структуры, і усё вынікі пошукавай машыны для сайта старонак Вашага будзе пачынацца з назвы блога. Гэта можа здацца не так ужо дрэнна, але трэба, каб праглядаць гэту з пункту гледжання пошукавай сістэмы сярэдняга карыстача ён ці яна ўсё адно, што назва сайта, калі яны шукаюць тое, што цікавасць да іх? Абсалютна няма.
Майце на ўвазе таксама, што сканаваць утрыманне, а не чытаць (асабліва актуальна для пошукавай выдачы), таму неабходна забяспечыць іх гэтак жа карыснымі і ў якасці невялікі пушок, як гэта магчыма.
Жадаеце, каб выправіць свае кнігі? Пагледзіце мой артыкул аб тым, як дадаць дынамічныя, дружалюбнай пошукавай сістэме назвы блога WordPress .
2. Як код ваш лагатып і лозунг
Гэта другая найболей распаўсюджаная праблема, што я бачу ў тэмах WordPress і вэб-сайтаў у цэлым (я нават вінаваты ў гэтым адзін). Занадта часта сайце лагатыпы з'яўляюцца служыў у <h1> пазнакі. Незлічоныя WordPress тэмы вінаватым у здзяйсненні гэтага правапарушэння разметкі, так што шанцы вельмі добра, што ваш сайт у наш час пакутуе ад дрэннага выпадку лагатып самаўлюбёнасць. Вось чаму гэта з'яўляецца праблемай.
Акрамя таго, <title> пазнакі <h1> тэг павінен сказаць як Google і карыстачам менавіта тое, што яны могуць разлічваць знайсці на бягучай вэб-старонкі. Акрамя таго, пошукавыя сістэмы прызначыць іерархічных адносін у розных тэгаў разметкі загаловак, і за выключэннем <title> , <h1> тэгі з'яўляецца самым магутным частка інфармацыі, якую можа служыць пошукавым сістэмам пра пэўную старонкі.
Давайце паглядзім на гэтым самым месцы ў якасці прыкладу. На працягу некалькіх месяцаў я служыў "Pearsonified" у <h1> пазнакі, так што гэта азначае, што на кожнай старонцы свайго сайта, як уяўляецца, у першую чаргу аб Pearsonified, а ў другую чаргу на любыя тэмы старонка сапраўды.
Як бас ackwards гэта?
Асноўнае правіла тут тое, што ваш блог назва не так важна, як гэта адзначана, каб быць (я ведаю, я разумны), і тыя, <h1> пазнакі павінны быць зарэзерваваны для больш падрабязнай інфармацыі пра асобныя старонкі сайт.
Рашэнне? Паспрабуйце выступалай блога загалоўка ўсярэдзіне <div> замест.
Ох, і што пра ваш лозунг? У ідэале, ваш лозунг варта лазернай арыентаваных на ўнікальныя прапановы, асноўным прадметам вашага сайта. Гэта класічны выпадак "рабі, як я кажу, а не як я раблю", таму што мой уласны смешны лозунг з'яўляецца "Best Damn блог на планеце." Іронія лёсу складаецца ў тым, што калі б гэта было сапраўды так, тое гэта не будзе маёй Падзагаловак! Ну што ж ... жыць і вучыцца.
Такім чынам, да вас, што рабіць з гэтым лозунгам твой? Я рэкамендую, якая абслугоўвае вашу лазернага арыентаваных лозунг усярэдзіне <h1> тэгаў на галоўнай старонцы і на ўнутраных старонках, вы павінны служыць яго ўсярэдзіне <h2> ці <h3> тэгі, каб не ўяўляецца важнейшым, чым фактычныя старонка / загалоўка.
3. Падавайце вашы загалоўкі паведамленняў усярэдзіне <h1> тэгаў!
Калі лагатып эгацэнтрызм з'яўляецца другой найболей распаўсюджанай праблемай я бачыў у тэмах WordPress, то пасля назвы, абслугоўваных у <h2> пазнакі (ці горш) з'яўляецца, несумнеўна, найбуйным разметкі памылку.
Я намякаў на гэта, ужо, але ён просіць паўтараць тут загалоўка з'яўляецца найболей важная інфармацыя, вы можаце падаць на пошукавыя сістэмы пра асобную старонкі. У ідэале, ваш пост назва павінна даць выразныя ўказанні пра тое, што людзі могуць чакаць, каб знайсці ва ўтрыманні вызначанай вэб-старонкі, і, як следства, варта прыкметам гэтак жа прыкметна, наколькі гэта магчыма разметкі.
Вядома, лепшы спосаб зрабіць гэта, каб служыць вашым загалоўка ўсярэдзіне <h1> пазнакі. Ох, і зусім зразумела, вы павінны мець толькі адзін набор <h1> пазнакі на любы вэб-старонкі, так што іх кол-ва!
4. Выкарыстанне суб-загалоўкі ў паведамленнях у сваю карысць
Разбурэнне Вашы паведамленні на падпадзелы гэта выдатная ідэя, і стылістычна, а таксама для разумення чытача. Самы распаўсюджаны спосаб размежавання гэтых падпадзелаў з'яўляецца выкарыстанне суб-загалоўкі, але праблема ў тым, што Ёсць бясконцы лік спосабаў вы можаце ісці пра гэта.
Да шчасця, шматлікія тэмы WordPress пастаўляюцца з папярэдне адфарматаваны стыляў да поўдня ад загалоўкаў, і калі вы пагледзіце, вы ўбачыце, што <h3> і <h4> тэгі самых папулярных. Асабіста я выкарыстоўваю <h3> пазнакі на працягу больш гады, але я не заўсёды даваў ён шмат думаў, пакуль я не вырашыў напісаць гэта кіраўніцтва.
Сапраўды, калі ў вас абслугоўваць загалоўка ў <h1> пазнакі, той сам сам зразумела, што ваш суб-загалоўкі павінны быць засяроджаны высокакваліфікаваныя, якія адпавядаюць і служыў у <h2> пазнакі. У адпаведнасці з гэтай усталёўкі, укладзеных загалоўкі палегчыць Вашу загалоўка ў найболей эфектыўны спосаб магчымага пры захаванні іерархіі семантычнай разметкі.
Калі вы ўжо ў звычку выкарыстоўваць <h3>пазнакі да поўдня ад загалоўкі, яна можа апынуцца занадта складаным зменам у гэтай кропцы, і сумленна кажучы, вы, верагодна, не ўбачаць вялікай розніцы ў любым выпадку. Адзіны раз, калі я калі-небудзь "настойліва рэкамендуемы" змены, такія як гэта, калі вы спрабуеце рангу на тэрмін, да смешнага канкурэнтаздольнымі.
Ізноў жа, я вялікі прыхільнік рабіць усё, што вам магчымае, каб пазіцыянаваць сябе для будучага поспеху ...
5. Бакавая панэль загалоўкі? Ля-карт
Нажаль, WordPress рэкамендаваных бакавой архітэктуры бакавой загалоўкі служыў у <h2> пазнакі. Семантычна, гэта смешна.
Зірніце на гэты сайт, напрыклад. Мой загалоўкі панэлі з'яўляюцца "Апошнія артыкулы", "Павінна праглядаў" і "удасканальвай свой блог". Хоць гэта трэці загаловак нясе трохі сэнсу, іншыя два не патрэбныя, ва ўсякім разе, як пошукавыя сістэмы турбуе. Сутнасць тут у тым, што ў той час як бакавы элементы могуць дадаць некаторую каштоўнасць для старонкі, яны не могуць (і не павінны) сэнсарным асноўныя вобласці ўтрымання ў стаўленні агульнага значэння на гэтай старонцы.
Такім чынам, вы не павінны служыць у бакавой загалоўкі ўсярэдзіне ўладных людзі <h2> пазнакі. На падставе ўсё, што мы вывучалі дагэтуль, вы павінны служыць іх усярэдзіне <h3> ці <h4> пазнакі у найвялікай ступені.
Для даведкі, калі бакавы загалоўкі шчыльна засяроджаны вакол асноўнага пытання, які служыў тады іх усярэдзіне <h3> тэгі гэта выдатная ідэя, таму што яны будуць насіць такі ж вага, і дадайце ў якасці максімальна магчымага кошту. Калі ў вас ёсць бакавы загалоўкі, як у мяне, аднак, адносіць іх да <h4> тэгі ці супастаўных элемент, які не дасць ім так шмат вагі.
Ніжняму радку
Перш чым я пачаў знакамітасці Hack у лютым 2007 гады я быў у звычку "вольна наступны" семантычныя прынцыпы разметкі на мае сайты. Я заўсёды сустракаўся з даволі паспяховым у пошукавых сістэмах, так што ў мяне не было падстаў падазраваць, што сітуацыя можа палепшыцца, калі я ўзмацнілі жорсткасць мой разметкі пояс, так бы мовіць.
Працуючы ва ўмовах цвёрдай канкурэнцыі нішу, як знакамітасці плёткі прымусілі мяне прыняць строгія глядзець на рэчы, якія сапраўды працы і дазволіць мне перавага перад канкурэнтамі, і, як следства, мае думкі пра семантычную разметку змянілася цалкам.
Калі вы сапраўды зацікаўлены ў кіраванні вэб-сайт на поўную магутнасць, то будзе добра служыць, каб зразумець прынцыпы семантычнай разметкі, і ўжываць іх як мага лепш.
