Экономика стран

К сожалению, большинство людей, которые будут ими затронуты почти весь мир, не будут иметь никакого влияния на результат. Вести Экономика Дайджест иностранной прессы за 14 августа.
Вести Экономика Греции снова придется списывать долги Греция не сможет самостоятельно расплатиться по долгам, и понадобится новая реструктуризация долгов, чтобы спасти страну от банкротства.

JavaScript, PWA і ... SEO

  1. 1. Лёс Chrome 41
  2. 2. Googlebot ня браўзэр
  3. 3. Googlebot ня шчоўкае нічога
  4. 4. Адчуйце паток
  5. бяспройгрышная сітуацыя
  6. SSR
  7. ўніверсальны прымяненне
  8. SEO дружалюбных URL-адрасы
  9. Мета-дадзеныя + Microformats
  10. хуткасць

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

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

Даведайцеся больш Кіраўніцтва для пачаткоўцаў PWA ,

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

Па сваёй прыродзе, 90% з PWA з'яўляецца чыста JavaScript. Вялікую частку часу, распрацоўшчыкі выбіраюць некаторыя сучасныя рамкі JS як React, Vue або Кутняе, каб даць карыстальніку найлепшым вопытам. Але мадэль размеркавання сетку, для якой арганічны пошук з'яўляецца жыццёва важным.

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

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

Google мае шмат абмежаванняў у выкананні JavaScript. Іншыя пошукавыя сістэмы не апрацоўваюць JS наогул. Аднак, гэта не значыць , што мы не можам пабудаваць бліскучыя, інтэрактыўныя вэб - сайтаў з сучаснымі рамкамі , якія працуюць для пошукавых сістэм таксама! - Марыя Cieśl - старшы тэхнічны SEO, Elephate

Мы папрасілі экспертаў з агенцтва Elephate SEO пра свае высновы і рэкамендацыях ў дачыненні да метадаў PWA SEO.

пасля правядзення серыя эксперыментаў з сучаснымі рамкамі JS супраць Google , Высновы яны прадстаўлены сапраўды цікавыя:

1. Лёс Chrome 41

Google аналізуе і робіць JS, але з цяжкімі абмежаваннямі - ён выкарыстоўвае абезгалоўленых браўзэр на аснове Chrome 41 (2015 ') ... Калі вы выкарыстоўваеце сучасныя спецыфікацыі Ecma Script (як большасць дэвов у цяперашні час) ваш JS, верагодна, варта выкарыстоўваць шмат пракладак / адкаты, каб забяспечыць той жа код / ​​спасылкі на структуру Googlebot. Горш за ўсё - гэта цяжка сказаць, якія элементы будуць паспяхова інтэрпрэтаваць і індэксуюцца Google, і які не будзе.

На жаль, для распрацоўшчыкаў дадаткаў PWA, у Chrome 41, інтэрфейсы, такія як IndexedDB і WebSQL адключаныя. Інтэрфейсы найбольш часта выкарыстоўваецца для забеспячэння сваіх карыстальнікаў у аўтаномным рэжыме падтрымкі.

2. Googlebot ня браўзэр

World Wide Web велізарны, хоць, так што Google аптымізуе сканеры для павышэння прадукцыйнасці. Вось чаму Googlebot часам не наведвае усе старонкі вэб-майстры хочуць.

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

Эксперыменты Elephate паказваюць, што Google гусенічныя не чакаць даўжэй, чым 5 секунд для любога рэсурсу для загрузкі / аказаны. Акрамя таго, ён можа «аптымізаваць» свае паводзіны прыкладання, ня паважаючы (па-ранейшаму даволі часта) SetTimeout () выклікі і г.д.

Тут Google индексатор проста апусціў сцэнар і вынес астатнюю частку старонкі. Крыніца: Elephate блог ,

3. Googlebot ня шчоўкае нічога

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

4. Адчуйце паток

Паток індэксацыі для класічнага HTML і JS прыкладанняў моцна адрозніваецца; індэксаваць JS прыкладання Googlebot патрабуе значна больш рэсурсаў і часу. Google афіцыйна заявіла , што «Аказанне JavaScript-сайтаў , якія працуюць у Пошуку Google адкладаецца да тых часоў , Googlebot не мае рэсурсаў , даступных для апрацоўкі гэтага змесціва. »

крыніца: Google I / O '18

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

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

Ую Storefront з'яўляецца аўтаномнай Progressive Web App вітрыны для электроннай камерцыі, у стане злучыцца з любым электроннай камерцыяй бэкэнда (напрыклад. Magento , Pimcore, Prestashop або Shopware) праз API. Гэта зроблена з выкарыстаннем структуры Vue.js - ды і гэта SPA (Single Application Page), і так, ён добра працуе з Google і іншымі пошукавымі сістэмамі. Вы можаце знайсці падрабязней на нашым Github ,

«Пасля некаторых добрыя практык JS SEO, одностраничное дадатак (уключаючы Progressive Web Apps) можа быць шукальнік, аказаныя і індэксуецца, гэта азначае , што яны могуць быць SEO-дружалюбны. Напрыклад, гледзячы на адным з самых папулярных сайтаў у Інтэрнэце ... YouTube. Так, YouTube пабудаваны з JavaScript (наведайце вэб - сайт, уключыце JavaScript выключаны ў браўзэры, і паглядзець , што адбываецца) , і гэта займае вельмі добра.

Ую Storefront пабудаваны з універсальным JavaScript. Гэта адзін з самых SEO дружалюбных рашэнняў , рэкамендаваных Google «. - Марыя Cieśl - старшы тэхнічны SEO, Elephate

бяспройгрышная сітуацыя

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

Існуе рашэнне. Вы можаце аддзяліць ўтрыманне служыў для шукальніка (аказанай боку сервера) ад суперсучаснага CSR ( на баку кліента рендеренной) версіі для карыстальнікаў. Вы можаце зрабіць гэта. Штамп. Няма наступстваў;)

SSR

Сервернае Rendering (SSR) з'яўляецца адным з метадаў, мы выкарыстоўваюцца пры будаўніцтве Vue Storefront. Гэта паходзіць на пабудову ізаморфныя / Ўніверсальнае прымяненне, у якім вы пішаце адзін базавы код JS для кліент / сервернай баку рэндэрынгу.

Самыя вялікія перавагі:

ўніверсальны прымяненне

Калі вы паглядзіце на любы з URL-Ую StoreFront - як https://demo.vuestorefront.io/c/women-20 - і націсніце кнопку «View Source», вы можаце выявіць, што Vue Storefront забяспечвае браўзэр з унікальнай, карыстацкай разметкай для кожнага URL служыў.

ОК, так што гэта выглядае як 2003 '- класічны HTML + CSS. Генеруецца, бакі JavaScript сервера.

Гэта як класічны вэб-дадатак. Пасля загрузкі першай старонкі - прыкладанне паводзіць сябе як тыповы SPA з пункту гледжання кліента - выбарка дадзеных для ўсіх наступных старонак з дапамогай AJAX + Service рабочых.

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

SEO дружалюбных URL-адрасы

Гэта вельмі важна аптымізаваць спасылкі структураўтваральных не толькі, каб пазбегнуць спасылкі на аснове тыповай SPA хэштэгу (#products замест / прадуктаў?), Але і дазволіць URL-адрасы, якія будуць настроены.

Vue.js прадастаўляе распрацоўшчык з даволі прахалодным механізмам В'ет Router ( https://router.vuejs.org/ ), Дзе вы можаце дадаваць і змяняць прыстасаваныя супастаўлення URL / кампанентаў.

Мета-дадзеныя + Microformats

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

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

д

Vue.js халаднаватае з яго сістэмай. У рэшце рэшт, шаблоны кампілююцца ў звычайны код JavaScript (як Рэагаваць шаблоны JSX, але які мае значна больш, каб прапанаваць у той жа час лягчэй пазнаёміцца ​​з для пачаткоўцаў распрацоўнікаў;))

хуткасць

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

NoSQL базы дадзеных, кэшаванне і папярэдняй візуалізацыі усіх дапамагчы захаваць Vue Storefront SSR час пад 0.2s (на акр распрацоўшчыкаў, без аптымізацыі). Добра, проста хацеў паказаць яго;)

Зрух у бок пабудовы прыкладанняў JavaScript з'яўляецца натуральным крокам у вэб-распрацоўцы. Калі вы клапоціцеся аб дастаўцы лепшы карыстацкі досвед (асабліва для мабільных карыстальнікаў), PWA з'яўляецца тое, што вы шукаеце. Мы пабудавалі Ую Storefront маючы на ўвазе ўсё тыя абмежаванні , якія пошукавыя сістэмы і наша рашэнне прытрымліваецца ўсіх лепшых практык JS SEO. У выніку прыкладанне як карыстальнік і сяброўскай пошукавай сістэме.

  • PWA дзейнічае як роднае прыкладанне і забяспечвае лепшы карыстацкі досвед. Гэта каштуе развіваць, калі вы хочаце, каб павялічыць продажу. Ёсць шмат выпадкаў даследаванняў, каб даведацца, як пачаць працу з Google вітрына заканчваючы нашым TOP Benchmark Study 30 Прагрэсіўная Web Apps ,
  • Пошукавыя сістэмы не могуць плаўна апрацоўваць заяўкі на харчаванне ад JavaScript. Тым не менш, можна пабудаваць SEO-дружалюбныя прыкладання.
  • Серверны рэндэрынгу з'яўляецца лепшым рашэннем для абслугоўвання прыкладання JavaScript да сканара ў SEO-сяброўску.
  • WRS (Web Rendering Service - сэрвіс, які выкарыстоўваецца Google, каб зрабіць вэб-сайт да індэксацыі) з'яўляецца выглядам абезгалоўленага браўзэра; гэта як вельмі стары - 2015 'Вінтаж - Chrome 41 да некаторай ступені.
  • Гэта значна лягчэй падтрымліваць дынамічна генераваны (SSR) HTML код для SEO аптымізацыі, чым хупава панізіць каўпачкі JS для Googlebot індэксаваць ваша прыкладанне належным чынам.
  • Вы павінны пераканацца, што вашыя скрыпты хутка. Пераканайцеся, што ваш сервер ня запавольвае пры павышэнні нагрузкі вузлоў.

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

Гэты артыкул была напісана Пятром Karwatka ў супрацоўніцтве з Марыяй Cieslak з Elephate.

Гэты артыкул была напісана Пятром Karwatka ў супрацоўніцтве з Марыяй Cieslak з Elephate

Products замест / прадуктаў?
Навигация сайта
Реклама
Панель управления
Календарь новостей
Популярные новости
Информация
Экономика стран www.mp3area.ru © 2005-2016
При копировании материала, ссылка на сайт обязательна.