Прыгоды ў SEO

  1. закладак старонкі
  2. Асобныя URL-адрас для ООТА
  3. Акрамя розных URL-адрасоў
  4. Волга, SEO-дружалюбныя Vaadin бібліятэка
  5. розныя рыскі

TL; DR: Vaadin наўрад ці SEO людзей у мінулым. Не болей, з новай бібліятэкай Волгі.

закладак старонкі

Закладка старая як WWW сам. Будучы ў стане захаваць URL з'яўляецца часткай АДН вэб-сайтаў. Што тычыцца вэб-прыкладанняў, гэта некалькі інакш. Напрыклад, у электроннай камерцыі вэб-дадатак, у той час як гэта мае сэнс для закладкі канкрэтнага прадукту, закладкі канкрэтны крок працэсу праверкі няма.

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

  1. Сэрвлета адлюстроўваецца на пэўным подконтекст, напрыклад, / прадукту / *
  2. Калі URL / прадукт / сапраўды халаднавата прадукт называецца метад doGet () гэтага сэрвлета называецца
  3. Метад разбірае URL, каб прачытаць вельмі-крута-прадукт - частка, якая павінна быць унікальным ключом для прадукту
  4. Ён дэлегуе цэлай ланцугу кампанентаў, які загружае прадукт са сховішча
  5. Ён накіроўвае да JSP разам з адпаведнымі дадзенымі прадукту
  6. Гэты JSP генеруе HTML

Прыходзьце SPA s. Па вызначэнні, яны служаць ўсе ўтрыманне пад тым жа URL. Гэта робіць закладкі канкрэтных старонак прыкладання немагчыма, бо няма старонак у сабе. Увогуле, АГР справіцца з гэтай праблемай з фрагмент ідэнтыфікатараў , Вышэй URL становіцца / прадукт # сапраўды халаднавата прадукт, праблема вырашана. У Vaadin, гэта непасрэдна перавесці на выкарыстанне гэтага Page.getCurrent (). SetUriFragment () метад або з навігатар API ,

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

Функцыі ідэнтыфікатара фрагмента інакш, чым астатняя частка URI, а менавіта: яго апрацоўка з'яўляецца выключна на баку кліента без удзелу з вэб-сервера. - Вікіпедыя

Некаторы час Google рэкамендуецца выкарыстоўваць спецыяльнае «hashbang» URL стыляў (#! Мой-шматгранны погляд), як тое, што выкарыстоўвае навігатар у Vaadin і спецыяльна служыла SEO матэрыялу для гэтых поглядаў, але гэта было складана абысці і такі падыход цяпер састарэлы Google а таксама.

Асобныя URL-адрас для ООТА

Назад да квадрата адзін, як / прадукт / сапраўды-халаднаватаму прадукту і / прадукту / іншы-халаднаватае прадукт патрабуецца шляху. Гэтая праблема не з'яўляецца унікальнай для Vaadin, але агульным для ўсіх Сервер- і на баку кліента базы SPA. Што патрабуецца:

  1. Для таго, каб кліент змяніць URL браўзэра без поўнай перазагрузкі старонкі
  2. Для таго, каб мець шлях сервер ручкі

У JavaScript, адказ заключаецца ў выкарыстанні гісторыя API , Я мяркую, што ўсе знаёмыя з наступным фрагментам:

window.back (); window.go (-1);

Аднак гэта зусім ня стандарт. Гэта павінна быць заменена наступным:

window.history.back (); window.history.go (-1);

Аб'ект гісторыя рэалізуе API гісторыі. гэта падтрымліваецца ўсімі сучаснымі браўзэрамі , У прыватнасці, API дазваляе дадаваць запісы ў гісторыі браўзэра з дапамогай метаду thepushState (), фактычна не робячы пры поўнай загрузцы старонкі.

Выкажам здагадку, http://mozilla.org/foo.html выконвае наступныя JavaScript: вар stateObj = {Foo: "бар"}; history.pushState (stateObj "старонка 2", "bar.html"); Гэта прымусіць бар URL для адлюстравання http://mozilla.org/bar.html, але не будзе выклікаць браўзэр для загрузкі bar.html або нават праверыць, што bar.html існуе. --Mozilla Сетка распрацоўшчыкаў

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

На баку сервера, шлях таксама павінен быць апрацаваны. У Vaadin прыкладанняў, поўныя URL-адрасы даступныя ў UI.init () метады, з сэрвлета ці, напрыклад, з BootstrapListeners. Гісторыя надбудовы таксама падтрымлівае Navigator API і праглядаць аб'екты з поўнымі шляхамі без URL-hashbang стылю.

Акрамя розных URL-адрасоў

Выразныя URL-адрас толькі ўсплыла частка айсберга пра SEO.

Адзін хоча прызначаліся мета загалоўкі для кожнага вылучанага URL, такія як <TITLE> і <META NAME = "апісанне»>. Яшчэ далей, сацыяльныя медыя маюць свае ўласныя спецыялізаваныя мета-загалоўкі, напрыклад:

Волга, SEO-дружалюбныя Vaadin бібліятэка

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

Каб выкарыстоўваць яго, проста дадайце гэты код на вэб-POM:

<Залежнасць> <идентификатор_группы> org.vaadin </ идентификатор_группы> <артэфакта> волга </ артэфакта> <версія> 0.1 </ версія> </ залежнасць>

Важная частка API ўключае ў сябе:

org.vaadin.volga.VolgaDetails Змяшчае набор загалоўкаў метададзеных org.vaadin.volga.VolgaServlet Усталюйце VolgaDetails для каранёвага шляхі і забяспечвае звязванне паміж шляхам і іншымі VolgaDetails аб'ектамі. Такім чынам, кожны канкрэтны шлях можа быць усталяваны свае ўласныя VolgaDetails. org.vaadin.volga.Volga Змяшчае раней вызначаныя адлюстравання org.vaadin.volga.VolgaUI апрацоўвае зыходныя загалоўкі старонкі метададзеных канфігурацыі org.vaadin.volga.SeoBootstrapListener што запаўняюць з аб'екта VolgaDetails

Для атрымання больш падрабязнай інфармацыі, калі ласка, праверце гэты прыклад праекта на Github. Яна разгорнута ў Інтэрнэце, і вось вынікі, паказаныя на пошук Google, які даказвае, што ён працуе.

Гэта працуе для Twitter, а таксама:

розныя рыскі

Ёсць таксама некалькі іншых трукаў, каб разгледзець, каб дапамагчы ботам поўзаць Vaadin прыкладанняў.

  • Выкарыстоўвайце файл robots.txt
  • выкарыстоўвайце sitemap.xml
  • Выкарыстанне асноўных спасылак для навігацыі паміж ўяўленнямі (гл PushStateLink ў гісторыя )
  • Выкарыстоўвайце добра сфармаваную HTML, напрыклад, выкарыстоўваць уласныя элементы <h1> замест таго, каб проста стылізацыі загалоўкаў больш (гл загаловак і RichText ў Viritin )

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

Не чакайце, і зрабіць адпаведныя часткі вашага прыкладання SEO-дружалюбныя з Волга зараз

АЎТАР Нікаля Франкель

Нікалас Fränkel з'яўляецца архітэктарам праграмнага забеспячэння з 15-гадовым вопытам кансалтынгу для розных кліентаў, у шырокім дыяпазоне кантэкстаў (напрыклад, тэлекамунікацыі, банкаўская справа, страхаванне, вялікі рознічнага гандлю і грамадскага сектара). Звычайна працуе на Java / Java EE і Spring тэхналогій, але з больш вузкімі інтарэсамі, як праграмнае забеспячэнне якасці, зборкі Працэсы і Rich Internet Applications. У цяперашні час працуе для лідэра пастаўшчыка рашэнні для электроннай камерцыі. Таксама два разы ў якасці выкладчыка ў універсітэтах і вышэйшых навучальных устаноў, трэнера і троек, як аўтар кнігі.