Практычнае кіраўніцтва па аптымізацыі пошукавых сістэм (SEO) з Google

1. Зрабіце добры кантэнт
2. Зрабіце ваш сайт мабільным прыязным
3. Зрабіце ваш сайт даступным
4. Тэкст для чытання з экрана
5. Выкарыстоўвайце семантычны HTML
6. Зрабіце ваш сайт хутчэй
7. Выкарыстоўвайце CDN
8. Паменшыць JavaScript і CSS
9. Аптымізацыя малюнкаў
10. Уключыць сціск Gzip
11. Выкарыстоўвайце кэшаванне браўзэра
12. Стварыце ўліковы запіс Google Analytics
13. Падключыце да кансолі пошуку Google
14. Выкарыстоўвайце структураваныя дадзеныя
15. Стварыце карту сайта
16. Выкарыстоўвайце HTTPS-шыфраванне
17. выснову

Большая частка трафіку на мой сайт прыходзіць ад арганічных пошукаў Google. Шукаю як зрабіць тэму для WordPress , як выкарыстоўваць bootstrap , і Джэкіл падручнік , у тым ліку іх варыяцыі і іншыя папулярныя пошукавыя фразы, пералічыць мой сайт як адзін з першых вынікаў (па стане на напісанне гэтага артыкула ў 2017 годзе).

Часам алгарытм нават абярэ мой вынік Рэкамендаваны фрагмент ,

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

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

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

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

Для пачатку, першы і больш важны крок, на сённяшні дзень.

Зрабіце добры кантэнт

Google ёсць вельмі ясна пра гэта:

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

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

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

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

З усіх сесій 80% былі арганічнымі, 11% прамыя хіты, 4% ад рэфералаў і толькі 3% сацыяльных сродкаў (reddit, Twitter, Facebook і г.д.). Я часта не публікую і не распаўсюджваю, што можа быць звязана з нізкім адсоткам сацыяльных медыя, але гэта негатыўна адбілася на маім рэйтынгу.

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

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

Зрабіце ваш сайт мабільным прыязным

У Google таксама ёсць [моцныя меркаванні] (<a href =) па гэтым пытанні:

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

Вы можаце запусціць свой сайт праз Мабільны Тэст правяраць.

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

Зрабіце ваш сайт даступным

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

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

Рэсурсы : Хвалі (Інструмент ацэнкі вэб-даступнасці), Ухаг (Інтэрнэт-даступнасць для распрацоўнікаў).

Тэкст для чытання з экрана

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

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

Гэты клас часта таксама напісаны як толькі sr.

.screen-reader-text {clip: rect (1px, 1px, 1px, 1px); Палажэнне: абсалютна важна; вышыня: 1px; шырыня: 1px; перапаўненне: схаваны; }

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

<a href = "# main-content" class = "screen-reader-text"> Прапусціць навігацыю </ a> <nav> ... </ nav> <main id = "main-content"> </ main>

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

<img src = "image.jpg" alt = "Альтэрнатыўны тэкст для апісання выявы." />

(Гэта тое, што мне трэба яшчэ працаваць.)

Выкарыстоўвайце семантычны HTML

Выкарыстанне належнага семантычная структура у вашым HTML важна, каб счытвальнікі экрана мелі магчымасць хутка і дакладна знаходзіць змесціва. Гэта азначае выкарыстанне належных тэгаў загалоўкаў (<h1> - <h5>), спісы тэгаў (<ul>, <ol>) і семантычных тэгаў макета (<article>, <section>).

Паглядзець поўны Кантрольны спіс WCAG 2.0 ,

Зрабіце ваш сайт хутчэй

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

Добрая ідэя для пачатку - запусціць ваш сайт праз розныя інструменты праверкі хуткасці ў Інтэрнэце і даведацца, у чым заключаюцца самыя вялікія праблемы. У якасці заўвагі, я б перасцярог, што зноў захапляцца аптымізацыяй хуткасці старонкі - напрыклад, атрымаць ідэальны бал на старонках Google PageSpeed ​​Tools практычна немагчыма, і ёсць больш важныя рэчы, на якія можна правесці час.

Я згадаю некалькі метадаў, якія можна аднесці лёгка.

Рэсурсы: Google PageSpeed ​​Insights , Тэст хуткасці сайта Pingdom , WebPagetest , GT Метрыка

Выкарыстоўвайце CDN

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

Паменшыць JavaScript і CSS

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

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

Малюнкі, як правіла, з'яўляюцца найбуйнейшымі актывамі, якія будзе служыць вашаму сайту. Аптымізацыя і сціск выяваў - гэта добры і просты спосаб знізіць хуткасць загрузкі. Вы можаце выкарыстоўваць такія інструменты, як браўзэр Аптымізіла або TinyPNG , загрузіць аптымізаваны змест з Google PageSpeed ​​Insights або выкарыстаць a задача бягун , Калі вы выкарыстоўваеце WordPress, вы можаце выкарыстоўваць плягін, напрыклад, WP Smush It ,

Уключыць сціск Gzip

Сціск Gzip рэзка памяншае памер файла HTML і іншых актываў. Гэта кіраўніцтва Патрык Секстон дэманструе, як уключыць Gzip на розных тыпах сервераў (Apache, NGINX).

Выкарыстоўвайце кэшаванне браўзэра

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

Стварыце ўліковы запіс Google Analytics

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

У вобласці адміністратара вы знойдзеце код сачэння, які вы будзеце размяшчаць у <head> усіх старонак, якія трэба адсочваць. Як толькі гэта будзе на месцы, Analytics пачне адсочваць трафік.

Падключыце да кансолі пошуку Google

Google Search Console , частка інструментаў Google Webmaster, з'яўляецца дадаткам да Google Analytics для вэб-распрацоўнікаў. Стварыце ўліковы запіс, дадаўшы ўласцівасць, звязаўшы яго з вашым уліковым запісам Google Analytics і праверце свой дамен.

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

Выкарыстоўвайце структураваныя дадзеныя

структураваныя дадзеныя Іншы спосаб, каб пошукавыя сістэмы распазнавалі змест на сайце.

JSON LD , або JSON for Linking Data, з'яўляецца пераважным спосабам атрымання Google схема (структураваныя дадзеныя) інфармацыя. Ніжэй прыведзены адзін тып тыпу схемы JSON LD - чалавека. Я выкарыстаў сябе ў якасці прыкладу. Я проста паставіў бы гэты сцэнар у ніжняй частцы майго сайта.

<script type = "application / ld + json"> {"@context": "http://schema.org", "@type": "Person", "image": "tania.jpg", "jobTitle" : "Вэб-распрацоўшчык", "імя": "Tania Rascia", "пол": "жанчына", "url": "", "sameAs": ["https://github.com/taniarascia", "https: //twitter.com/taniarascia "]} </ script>

Спіс усіх тыпаў і ўласцівасцяў можна знайсці тут ,

Мікрададзеныя Альтэрнатыўны, менш пераважны спосаб дадання дадзеных схемы на ваш сайт.

Стварыце карту сайта

Карта сайта дапамагае пошукавай сістэме індэксаваць і зразумець ваш сайт. Вы можаце стварыць карту сайта з бясплатным інструментам, заснаваным на браўзэры Генератар файлавых карт XML , Калі вы выкарыстоўваеце WordPress, скарыстайцеся Google Sitemap Generator убудова.

Выкарыстоўвайце HTTPS-шыфраванне

У мэтах павышэння бяспекі ў Інтэрнэце Google зрабіў шыфраванне HTTPS праз SSL / TLS a рэйтынгавы фактар у 2014 годзе.

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

выснову

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

Як паведамленні, якія вы бачыце тут? Падпішыцеся, каб атрымліваць апавяшчэнні аб новых.