SEO для вэб-дызайнераў: рэкамендацыі

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

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

Менавіта таму многія дызайнеры ўжо не спрабуюць дагадзіць робату па імя SEO.

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

Што такое SEO?

SEO - гэта пошукавая аптымізацыя (Search Engine Optimization). Стратэгія па развіцці і ўдасканаленні вашага сайта з мэтай атрымання больш высокага месца ў выдачы вынікаў пошукавых сістэм, пажадана на першай старонцы. Мы ведаем, што па вельмі меры 75% карыстальнікаў не ідуць далей першай старонкі ў Google. Гэта азначае, што мы павінны знаходзіцца на першай старонцы, каб быць заўважанымі пераважнай колькасцю пошукавікаў.

Чаму SEO важны для вэб-дызайнераў?

Хуткі адказ? Таму ён важны для вашых кліентаў.

Доўгі адказ? Паводле даследаванняў, больш 571 сайта ствараецца кожную секунду. Кожную секунду. З усімі гэтымі сайтамі ваш уласны сайт мае ўсе шанцы на тое, каб назаўсёды адысці ў лета пад назвай «За межамі старонкі 1 Google».

9 лепшых рэкамендацый

Давайце паглядзім на 9 лепшых SEO рэкамендацый для вэб-дызайнераў

1. Структура сайта

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

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

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

2. Простая рух

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

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

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

Калі гаворка ідзе аб навігацыі, не спрабуйце вынайсці ровар. Зрабіце яе просты, зрабіце яе кароткай (8 пунктаў, не болей) і зрабіце яе зручнай у выкарыстанні.

3. Мэта-апісанне

Нават калі вы не знаёмыя з гэтым паняццем, вы сапраўды ведаеце, што гэта такое. Мета-апісанне - гэта невялікі ўрывак на старонцы пошуку, які ўяўляе сабой кароткі агляд, пра што ваша старонка. У кожнай старонкі вашага сайта ёсць мета-апісанне. Гэта апісанне складае 160 знакаў і менш.

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

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

4. Кантэнт

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

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

5. Аптымізацыя малюнкаў

Калі-небудзь сутыкаліся з DCIM34292.jpg? Ды я таксама. Калі вы не марнуеце час на тое, каб назваць вашыя выявы, вы губляеце каштоўны SEO. Толькі падумайце, як выдатна перайменаваць малюнак у адпаведнасці з тым, што на ім, напрыклад, smithers-web-design-mock-up.jpg. Вы не толькі выразна тлумачыць, што намалявана на малюнку, але і павялічваеце колькасць ключавых слоў.

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

6. Аптымізацыя URL

Гаворачы аб працяжнік, пераканайцеся, што вы аптымізавалі URL, выкарыстоўваючы ключавыя словы праз працяжнік. Калі ваш блог пра «white hat SEO», то URL павінен быць www.yoursite.com/white-hat-seo .

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

Таксама, пазбягайце выкарыстоўваць зьлітыя слова. Пазбягайце ніжніх падкрэсліванне (_). Замест гэтага, падзяляць словы працяжнік (-).

7. Абсалютныя URL для ўнутраных спасылак

Гэтая практыка з'яўляецца просты, але дзейснай. Ёсць два тыпу спасылак:

Абсалютныя, напрыклад, <a href="www.yoursite.com">.

Адносныя, напрыклад, <a href="/home.html">.

Калі вы выкарыстоўваеце адноснае линкование, разгледзьце наступнае: абсалютныя спасылкі скарачаюць блытаніну і час водгуку сервера.

8. Хуткасць сайта

Даследаванне паказваюць, што 40% карыстальнікаў пакідаюць сайт, калі яго загрузка доўжыцца больш за 3 секунд. Гэты час, якое вы марнуеце на чытанне прапановы. Я ведаю, што вы хочаце ўразіць карыстальнікаў дызайнам "не для школьнікаў», але калі больш за палову вашых наведвальнікаў не затрымліваюцца, то які ў ім сэнс?

Нізкая хуткасць таксама негатыўна ўплывае на SEO. З 2010 года Google адзначае, што хуткасць загрузкі старонкі - адзін з галоўных паказчыкаў, якія ўплываюць на яе ранжыраванне. Хоць мы дакладна не ведаем, што робаты класіфікуюць як «хутка» і «павольна», мы ведаем, што важна аптымізаваць ваш back-end з лагічнай структурай сайта.

Як хутка выявіць, што цягне ваш сайт ўніз?

Google PageSpeed ​​Insights

Калі ласка.

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

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

9. Пашыраныя сниппеты

Аналагічна мета-апісаннях, пашыраныя сниппеты адлюстроўваюцца на старонцы вынікаў і даюць дадатковую інфармацыю.

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

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

Даведайцеся больш пра пашыраных сниппетах і структураваных дадзеных, наведаўшы дыскусію Google.

Пару слоў пра Parallax і SEO

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

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

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

Вядома, я не пакіну вас без рашэння дадзенай праблемы. Замест таго, каб спадзявацца на Parallax ў дачыненні да вашага сайта, пераканайцеся, што ў вас ёсць некалькі ўнутраных старонак для другаснай інфармацыі. Захаваеце галоўную старонку на Parallax, але выкарыстоўвайце традыцыйнае линкование для старонак тыпу Аб кампаніі, Кантакты, Партфоліа.

Аўтар артыкула: Jacqueline

Пераклад: Sayhi