Як падрыхтаваць сайт да прасоўвання

Наша команда-партнер Artmisto

У чым праблема?

Апошнія гады распрацоўшчыкі сайтаў надаюць больш увагі выгодзе інтэрфейсаў: усё павінна быць хутка, зручна і зразумела. Але тэхналогіі, якія дапамагаюць ствараць такія праекты, не заўсёды «сябруюць» з пошукавымі сістэмамі. Часам сучасныя сайты альбо адсутнічаюць ў пошуку Яндэкса або Google, альбо дрэнна ранжыру. Часта так бывае ў сайтаў з дынамічнай падгрузкі дадзеных. Давайце разбярэмся, у чым складанасць іх індэксацыі і як вырашыць гэтае пытанне.

Што трэба ведаць пра індэксаванне ў пошукавых сістэмах?

Адзін з этапаў працы пошукавых сістэм - збор інфармацыі, індэксаванне. Гэта даданне дакументаў у базу дадзеных пошукавікаў. За працэс адказваюць пошукавыя робаты (краулеры), якія перабіраюць дакументы ў сетцы. Яны аналізуюць змесціва і захоўваюць інфармацыю на серверы. Пасля пераходзяць па спасылках на наступныя дакументы.

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

У Яндэксе выкарыстоўвайце інструмент « Праверка адказу сервера ». Тут знаходзіцца код, які атрымлівае бот Яндэкса, але без візуальнага адлюстравання. У Google выкарыстоўвайце «Паглядзець як Googlebot» у раздзеле «Сканіраванне». Калі ласка, увядзіце патрэбны адрас старонкі і націсніце «Атрымаць і адлюстраваць» і перайдзіце па спасылцы на ўказаны адрас. Ва ўкладцы «Сканіраванне» будзе код старонкі, ва ўкладцы «Адлюстраванне» - то, як старонку бачыць Googlebot.

Ўкладка «Сканіраванне» Ўкладка «Адлюстраванне»

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

Што такое дынамічная падгрузка дадзеных?

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

1. Карыстальнік націскае на кнопку, спасылку або іншы элемент старонкі.
2. Элемент апрацоўваецца JavaScript'ом, пасля запыт сыходзіць на сервер, каб атрымаць дадзеныя.
3. Сервер вяртае інфармацыю, скрыпт дадае інфармацыю на старонку без яе перазагрузкі.

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

Перавагі выкарыстання тэхналогіі AJAX:

• Магчымасць падгружаць дадзеныя без перазагрузкі старонак дазваляе рабіць карыстанне сайтам у большай ступені арыентаваным на наведвальнікаў. Ствараецца ўражанне бесперапыннай працы сайта.
• Зніжэнне нагрузкі на сервер.
• Эканомія трафіку наведвальнікаў.

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

Дзе ўжываюць дынамічную падгрузку (AJAX)?

Single page application (SPA-сайты)

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

Прыклады сайтаў:

інтэрактыўныя праекты

Пад інтэрактыўнымі праектамі мы разумеем невялікія промосайт, якія дапамагаюць распавядаць карыстальнікам «гісторыю» пра прадукт ці сэрвісе. Рух і структура такіх сайтаў гранічна простая. Такія сайты трымаюць карыстальнікаў у адным зручным інтэрфейсе.

Прыклады сайтаў:

Класічныя сайты з ужываннем AJAX

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

Прыклады сайтаў:

У чым складанасць індэксацыі дынамічнага кантэнту?

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

• Пошукавы робат не бачыць кантэнт, таму што яго няма ў HTML-кодзе. З-за гэтага старонкі могуць не індэксавацца.
• Пошукавыя сістэмы могуць індэксаваць толькі галоўную старонку. Так атрымліваецца, калі распрацоўшчык выкарыстоўвае сімвал «#» пасля даменнага імя ў URL-адрасах: http: або http:. Калі адрасы на сайце выглядаюць так, то ў індэкс пошукавых сістэм будзе трапляць толькі галоўная старонка.

Як вырашыць праблему?

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

1. Неабходна, каб пошукавы робат зразумеў, што сайт падтрымлівае схему сканавання AJAX. Рэалізацыя залежыць ад арганізацыі URL-адрасоў на сайце.
   • Калі адрасы на сайце фармуюцца з дапамогай «#», трэба замяніць іх на «#!» (Хэшбэнг). Гэта значыць http: → http:.
   • Калі адрасы маюць звычайныя ЧПУ без хэша, дадайце на дынамічныя старонкі мета-тэг <meta name = "fragment» content = "!">.
2. Пры выкананні ўмоў вышэй, робат будзе запытваць варыянты старонак з параметрам «? _Escaped_fragment_ =», па якіх яму трэба аддаваць HTML-здымкі (HTML-копіі старонак з усім кантэнтам, загружаным пасля выканання JavaScript). Каб стварыць HTML-здымкі старонак звычайна выкарыстоўваюць headless браўзэры на боку сервера. напрыклад, PhantomJS або HtmlUnit .Подробнее для распрацоўшчыкаў:

Калі робат патрапіць на старонку з «#!» У URL-адрасе або з мета-тэгам <meta name = "fragment» content = "!"&gt;, Ён запытае старонку з параметрам «? _Escaped_fragment_ =»:

• http: → http://site.ru/?_escaped_fragment_=url
• http://site.ru/url → http://site.ru/url?_escaped_fragment_=

У выніку пошукавы робат будзе атрымліваць HTML-здымкі ўсіх старонак, якія і будуць дададзеныя ў індэкс. Сайт будзе ўдзельнічаць у пошуку на агульных падставах. У індэксе пошукавых сістэм пры гэтым захоўваюцца адрасу без параметру «? _Escaped_fragment_ =».

Рэкамендацыі для распрацоўшчыкаў

Што робяць пашукавікі для індэксацыі дынамічнага кантэнту?

У кастрычніку 2015 гады Google адклікаў рэкамендацыі па сканаванні сайтаў на AJAX. Цяпер, калі для Googlebot няма абмежаванняў па чытання файлаў JS і CSS, ён малюе і загружае кантэнт у тым жа варыянце, якім яго бачаць карыстальнікі ў сябе ў браўзэры. Гэта значыць, што сайты, якія выкарыстоўваюць дынамічна падгружаецца кантэнт, павінны карэктна індэксавацца ў Google, калі робату адкрыты службовыя файлы.

Нагадаем, каб праверыць, як выглядаюць старонкі сайта для пошукавага робата Google, можна скарыстацца сэрвісам Search Console. У раздзеле «Сканіраванне» трэба выбраць «Паглядзець як Googlebot», увесці ў адпаведны радок адрас старонкі і націснуць кнопку «Атрымаць і адлюстраваць». Пасля апрацоўкі атрымаць вынік: паглядзець, як бот бачыць старонку і якія кампаненты JS або CSS яму недаступныя.

У лістападзе 2015 года Яндэкс абвясціў аб тэставанні падобнай тэхналогіі - выкарыстанні JS і CSS пры сканаванні сайтаў.

карыснае пачытаць

Ці трэба прытрымлівацца новых рэкамендацыяў Google?

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

Індэксаванне старонак з падстаноўкі параметру «? _Escaped_fragment_ =» (калі адбываецца зварот да поўнай HTML-версіі старонкі) па-ранейшаму падтрымліваецца і ў Google. Калі вы выкарыстоўваеце на сайце AJAX для падгрузкі кантэнту, ваш сайт будзе па-ранейшаму карэктна індэксавацца ў Google, калі робату аддаюцца старонкі з «? _Escaped_fragment_ =».

Як рыхтаваць сайты пад SEO правільна?

Калі вы ўсё зразумелі - ўкараняць! Калі ў вас засталіся пытанні, вы можаце бясплатна параіцца з нашымі SEO-спецыялістамі. Наша рэкламная каманда Topright пастаянна кансультуе дызайнераў і распрацоўшчыкаў - як для Nimax, так і для кампаній-партнёраў. Пішыце з пытаннямі: [email protected] .

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