Ёсць адзінкавыя прыкладання старонкі забівае свой SEO?

1. Перспектывы JavaScript заснаваных вэб - сайтаў
2. Спіс папулярнага JavaScript Frameworks
3. Так што ж такое ўплыў на SEO?
4. Што такое одностраничный App?
5. Вядомыя праблемы адсочвання:
6. Вядомыя праблемы indexability:
7. Прагрэсіўная Web App (PWA)
8. даступныя рашэнні
9. хост Sitemap
10. Стварэнне карыстацкіх спасылак (Dev Рэсурсы)
11. BromBone
12. Prerender.io
13. выснову

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

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

Для таго, каб вырашыць гэтую праблему, Google пачаў развіваць функцыянальнасць разумець JS старонкі , Нягледзячы на ​​гэта паляпшэнне, нават калі старонка скануецца і індэксуецца належным чынам, ёсць доказ таго, што сайты, якія выкарыстоўваюць вялікая колькасць JavaScript могуць паўплываць на ваш рэйтынг.

(Will Critchlow было адзначана значнае паляпшэнне руху пасля таго, як пераход ад JavaScript-вядзёных старонак не-JavaScript упэўнены .)

Перспектывы JavaScript заснаваных вэб - сайтаў

Кутні з'яўляецца самым папулярнай рамкай JS для адной старонкі прыкладанняў (ААПТ). Google падтрымкі і падтрымліваць AngularJS з супольнасцю распрацоўнікаў, у той час як ні дзіўна, не будучы ў стане вынесці вялікая колькасць AngularJS старонак.

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

Спіс папулярнага JavaScript Frameworks

AngularJS з'яўляецца вельмі папулярнай асновай для адной старонкі прыкладанняў. Кутні была на рынку ўжо некалькі гадоў і прапануе вялікі спіс магчымасцяў, якія прынясуць карысць распрацоўнікаў, такія як; звязванне з двухбаковым; шаблонны; валюта фарматавання; плюрализация; паўторна выкарыстоўваюцца элементы кіраванне; RESTful API апрацоўкі; апрацоўка AJAX і г.д.

Тэхнічна АГР не трэба выкарыстоўваць якія-небудзь фантазіі структуры, як MVC, ember.js, Node.js або AngularJS. Гэта, на самай справе, можна пабудаваць SPA, выкарыстоўваючы толькі JQuery і HTML для франтальнага дысплея, але гэта не рэкамендуецца для буйных вэб-сайтаў, дзе дадзеныя лепш за ўсё кіруюцца магутным фонавым CMS.

Так што ж такое ўплыў на SEO?

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

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

Джон Мюлер нядаўна патлумачыў як індэксуе Google JavaScript сайтаў у сваім інфармацыйным бюлетэні.

«Google падтрымлівае JavaScript ў некаторай ступені. Google падтрымлівае выкарыстанне JavaScript , каб даць назвы, апісання & робатаў мета - тэгі, структураваныя дадзеныя і іншыя мета-дадзеныя. Пры выкарыстанні AMP, то HTML старонкі AMP павінны быць статычнымі ў адпаведнасці з патрабаваннямі спецыфікацыі, але звязаны з ім вэб - старонкі могуць быць пабудаваны з выкарыстаннем метадаў JS / PWA. Ня забывайце выкарыстоўваць карты сайта файл з правільнымі датамі «LASTMOD» для сігналізацыі змены на вашым сайце «.

Што такое одностраничный App?

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

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

Вядомыя праблемы адсочвання:

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

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

Вядомыя праблемы indexability:

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

Напрыклад, калі вы карыстаецеся новы браўзэр функцыі, такія як Fetch API, пераканайцеся, што яны polyfilled ў браўзэрах без падтрымкі. «Polyfill» на самай справе браўзэр запасны варыянт, гэтак жа, як бібліятэка JavaScript, якая прыносіць новы API да старой асяроддзі, выкарыстоўваючы толькі «сродкі гэтага асяроддзя.»

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

Прагрэсіўная Web App (PWA)

Прагрэсіўная Web App (PWA) прапануе перавага першапачаткова усталяванага прыкладання, мінус крама прыкладанняў.

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

Гэтая тэхналогія паказвае дзве спецыфікацыі, якія асабліва цікавыя для будучага SEO & UX:

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

Альбіносы з'яўляюцца SEO дружалюбных тых часоў, пакуль яны прытрымлівацца кантрольны спіс найлепшая практыка і ня прымае форму SPA. Для лепшага SEO практыкі, альбіносы варта выкарыстоўваць гісторыя API прайграць свой род URL следу замест фрагментаў старонак, якія выкарыстоўваюць Hashbang (#!). Напрыклад, усе пасля #! у https://example.com/#!user/26601 ,

даступныя рашэнні

Паколькі ўвесь код загружаецца толькі адзін раз у адной старонкі прыкладання (SPA), пошукавыя сістэмы не могуць ацаніць якасць кантэнту старонкі, і не прызначаць належным чынам любы паказчык якасці старонкі з гэтай старонкі (ці «PageRank»). Іншымі словамі, Google ведаць пра існаванне старонкі, так як яны маюць магчымасць адкрыць яго з дапамогай спасылак, але не магу сказаць, калі копія на гэтай старонцы, можа рэагаваць адпаведным чынам на мэты пошуку.

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

хост Sitemap

У цэлым, Sitemaps асабліва карысна, калі вэб-сайт, сайт змяшчае старонкі, якія цяжка выявіць Googlebot падчас працэсу сканавання - напрыклад, старонкі, якія змяшчаюць багаты AJAX або малюнкаў. Нягледзячы на ​​тое, што гэта толькі частковае рашэнне, ці варта разгортванне XML карты сайта (калі гэта яшчэ не зроблена) на сваім сайце. З дапамогай гэтага сайта, пошукавыя сістэмы будуць мець магчымасць сачыць за спасылкамі, а затым адкрыць старонкі. Аднак, карта сайта не вырашыць праблемы, звязаныя з утрыманнем старонкі поўзаць і індэксацыі. Іншымі словамі, вэб-старонак будзе з'яўляцца ў Google (у асноўным), але можа апынуцца не мець ўтрымання ў выніках пошуку пры выкарыстанні цяжкіх рамак JavaScript.

Напрыклад - Праверка кэша Google для Ора , што толькі разгорнутага ў XML карты сайт (але ніякага іншага рашэння) кажуць нам , што іх праіндэксаваныя старонкі ўтрыманне пустыя:

Стварэнне карыстацкіх спасылак (Dev Рэсурсы)

У залежнасці ад JavaScript Framework, АГР як ember.js можа быць зменены / аптымізавана для карыстацкіх URL-адрасоў праз дынамічны сегменты , У выпадку Angular.js, гэта запатрабуе увагі з боку распрацоўшчыкаў, каб наладзіць рэжым размяшчэння у HTML5.

BromBone

BromBone аўтаматычна загружае усе старонкі з sitemap.xml затым выкарыстоўвае проксі-сервер для адпраўкі HTML-старонак для пошукавых ботаў. Няма неабходнасці ўсталёўваць якое-небудзь праграмнае забеспячэнне.

• Тып: HTML папярэдне візуалізацыі
• Dynamic / Static абнаўленне: Dynamic
• Лёгкасць разгортвання: Easy
• Кошт: $ 129 / месяц
• рэсурс: http://www.brombone.com/

Prerender.io

Prerender.io патрабуе ручной загрузкі ў sitemap.xml і будзе рабіць усё астатняе. Невялікія ўчасткі (да 250 старонак) можна выкарыстоўваць папярэдне аказваць бясплатна, у той час як больш буйныя сайты (або сайты, якія абнаўляюцца пастаянна), магчыма, прыйдзецца плаціць столькі, колькі $ 200 + / месяц. Аднак, маючы индексируемая версію сайта, якая дазваляе прыцягваць кліентаў за кошт арганічнага пошуку з'яўляецца неацэнным.

• Тып: HTML папярэдне візуалізацыі
• Dynamic / Static абнаўленне: Статычны
• Лёгкасць разгортвання: Вельмі лёгка
• Кошт: $ 200 + / месяц
• рэсурс: https://prerender.io/

выснову

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

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