Responsive Web Design (RWD) besteet, an e puer Wierder, aus dem Design an der Entwécklung vun engem eenzegaartege Site, dee sech u verschidde Bildschirmresolutiounen unzepassen, während säin Inhalt optiméiert. Den Design vun dësem Prozess erlaabt Iech Är Surferfahrung ze optimiséieren, eng reaktiounsfäeg a flexibel Websäit ze kreéieren, optimiséiert fir den Apparat deen et zougitt.
SEO (Search Engine Optimization), op der anerer Säit, ass eng Strategie fir den Inhalt an d'Struktur vun Ärer Websäit ze optimiséieren. Et erlaabt ënner anerem d'Verständnis vum Inhalt vun Äre Websäite vu Sichmotoren ze förderen an en héije Ranking an de Sichresultater z'erreechen.
Fir seng Präsenz an de Google Sichresultater ze verbesseren, sinn déi wesentlech Schrëtt fir Qualitéitsinhalt ze designen, Site Tags a Metadaten ze verwalten, souwéi Backlinks. Den Zweck vu Sichmotoren ass fir relevant Resultater fir Benotzer ze bidden, et ass wichteg ze wëssen wéi Dir Är Websäit optiméiert.
Den Internet Benotzer verbréngt am Duerchschnëtt 4 Mol manner Zäit un Internet vu sengem Handy wéi op sengem Desktop Computer. D'Informatioun muss also séier siichtbar, kloer sinn a flësseg Navigatioun ubidden / dem Medium ugepasst sinn. Léisunge fir d'Benotzer op hiren Terminals eenzegaarteg Erfahrungen unzebidden sinn also op der Héicht, awer musse sou interessant wéi méiglech sinn fir d'Bedierfnesser vun de Benotzer z'erreechen, souwéi SEO.

Wësse wéi Dir vun der Geleeënheet profitéiere kënnt wann néideg

Et ginn de Moment dräi Methoden fir op dësen All-Media Adaptatiounstrend ze reagéieren:

• De Responsive Web Design virdru virgestallt,
• Dynamic Serving, déi op der selwechter Adress no enger spezieller Datei sicht ofhängeg vum Terminal,
• Den dedizéierten Site, wou hei d'Zil ass eng aner Säit z'entwéckelen, déi nëmme fir mobilen Apparater gewidmet ass.

Reaktiounsfäeger wäert also op enger eenzeger Zort Inhalt baséieren, nëmmen duerch d'Stilblatt an d'Gréisst vum Viewport formatéiert, während Dynamic Serving an den engagéierten Site verschidde Säiten jee no Terminal ubidden.
Am Allgemengen plädéiert Google d'Benotzung vu Responsive, beliicht déi praktesch Säit vum Ënnerhalt.dëser a Vitesse vun Zougang. Zousätzlech, wat den Inhalt vun Ärem Site ugeet, tendéiert d'Reaktioun op d'Ufro / Bedierfnes vun de Benotzer ze reagéieren an ze generaliséieren. Mee wat iwwer eGëtt et Visibilitéit an Zougang zu Ärer URL op Sichmotoren?

S(e)o Responsabel

Iech selwer gutt ze positionéieren an der Positionéierung vu Sichmotoren entsprécht et ze titilléieren, et ze ginn wat et erwaart, a genee, Google ass gär vu Responsive. Et recommandéiert et net nëmmen, mee fördert et och a senge Sichresultater fir Siten déi fir Smartphones optimiséiert wëllen (besonnesch iwwer den Hummingbird Algorithmus, weider op de Prinzip vun der semantescher Sich).
Ausserdeem, wéi de ResponsiveWeb Design konzentréiert sech op eng eenzeg URL fir déi mobil an Desktop Versiounen, sou datt et vun all de Backlinks an intern Linken profitéiert, an dofir net op eng aner URL verspreet gëtt (gewidmet fir eng mobil Versioun, Typ m.ux-republic.com ).
NOTÉIERT: Zousätzlech kënnen engagéierten mobilen Siten heiansdo Probleemer bei der Sichindexéierung verursaachen. Dat konkretst Beispill wier dat vu bekannten E-Tailer a Frankräich, déi nëmmen en Deel vun hirem Katalog op enger mobiler Versioun indexéiert gesinn hätten. De Benotzer kéint eng Ufro lancéieren, an op engem Site ophalen, deen net fir mobil optiméiert ass, méi schwéier ze lueden, sou datt d'Benotzererfarung degradéiert.
Schlussendlech wäert d'Reaktioun hëllefe fir d'Bounce-Taux an de Sichmotoren ze senken, an d'Internetbenotzer garantéieren d'Informatioun ze kréien déi se sichen an der gëeegenter Form. De Boun Taux gëtt an der gudder Positionéierung vun Ärem Site berücksichtegt.
E reaktiounsfäeger Site bréngt also bedeitend Virdeeler a punkto Benotzererfarung, SEO, an Entwécklungskäschte. Wéi och ëmmer, ass eng reaktiounsfäeger Léisung ëmmer léiwer wéi en engagéierten mobilen Site?

"Maacht et ze schaffen, maacht et richteg, maacht et séier" (Kent Beck)

Ier Dir eng strategesch Entscheedung maacht, musst Dir Iech fir d'éischt déi wichtegst Fro stellen: Wat wëll den Internetnotzer op mengem Site maachen, vu sengem Handy, et ass wichteg Är Prioritéite op d'Interesse vum Benotzer ze konzentréieren.
Zum Beispill op engem Liewensmëttelbestellungssite wëll ech sou no wéi méiglech doheem bestellen, sou séier wéi méiglech. Ech wäert op kee Fall d'Geschicht vun dëser Firma oder hirem Kreatiounsdatum wëssen ier ech meng Ziler erreechen.
Op engem Buchungssite brauch ech näischt anescht wéi einfach a séier um mobilen Site ze buchen.
En dedizéierten Site ass dofir heiansdo vill méi relevant a vill méi op d'Haaptbedürfnisser vun de Benotzer gezielt wéi e reaktiounsfäeger Site, deen, och wa mir de nei designéierte Layout fir Handy betruechten, manner effizient wäert sinn wat d'Informatiounsveraarbechtung ugeet. An Internet Benotzer ginn Iech et zréck.
Ëmgekéiert kënne mir dofir definéieren datt wann déi funktionell Bedierfnesser déiselwecht sinn op Desktop an Handy, d'Wiel vu reaktiounsfäeger schéngt passend a ka souguer haut inévitabel sinn fir d'Ufuerderunge vum Internet Benotzer z'erreechen.
Awer wat wann e puer Inhalter dynamesch generéiert musse ginn ofhängeg vun der Aart vu Medium?

"Houston, Mir hunn e Problem" (Jack Swigert)

Fir dës Fro ze beäntweren, kënne mir e puer verschidden Approche hunn, ofhängeg vun der Bedierfnes an der Nëtzlechkeet vun engem SEO:

• Generéiere all Inhalt (Mobil, Tablet, Web) op Bot Detektioun. Natierlech iwwerdecken mir all Méiglechkeeten, awer leider bidden mir Internet Benotzer irrelevant Sichresultater jee no Medium.
• Generéiere den Inhalt vun engem Medientyp als Standard. Mobile Éischt Drift, mir konnten eis soen datt de Roboter nëmme mobil SEO handhabt. Mir kënnen duerchkommen, awer mir kéinte besser fir d'Benotzer maachen. Et schéngt haut inkompatibel net genee ze reagéieren op wat e Benotzer wëll an e gudde Boun-Taux ze hunn.
• D'Benotzung vum Webkit Browser, wéi PhantomJS. Léisung déi an de meeschte Projete benotzt gëtt mat neie Kaderen wéi AngularJS oder Backbone. Dëst ass eng vun de Referenzen am Moment fir de SEO Problem ze iwwerwannen, mat Varnish zousätzlech (Cache Server).
  Eenzege Problem: Am Fall vun engem Projet mat héije Traffic, scho mat engem Renderingmotor (an dofir d'Méiglechkeet fir Daten während Robotererkennung ze sprëtzen), deen eng komplex Architektur huet, kënne mir fäerten d'Infrastruktur z'änneren fir dës nei Tools ze addéieren , an Angscht d'Latenzzäit.
• De Vary HTTP Header: Hei ass eng aner konkret Méiglechkeet, allgemeng benotzt fir déiselwecht Ressource e puer Mol a verschiddene Formen ze verstoppen, et kéint an der Viruleedung op spezifeschen Inhalt intervenéieren ofhängeg vum Benotzer Agent vum Roboter. De Problem ass all d'Benotzer Agente fir d'Roboter ze kennen, Ausnahmen ze maachen an dofir eng Datebank ze preparéieren, erhalebar an aktualiséiert fir all Sichmotor a mat all neier Versioun. Opgepasst: Wann Dir verschidden Inhalter tëscht Benotzer a Roboter ubitt, riskéiert Dir op der schwaarzer Lëscht ze kommen.

Jiddereng vun de Propositioune presentéiert also gutt Iddien, mä och bedeitendst Mängel. Vun dësen kënne mir eis froen: "Wat entsprécht wierklech meng Bedierfnesser?"
Wann keng vun de proposéierten Approche Iech passt, kënnt Dir decidéieren op den éischte Schrëtt vun dësem Artikel zréckzekommen, an eng aner Léisung ze wielen.

D'Wiel vun Prioritéit

Well jo, e reaktiounsfäeger Site ass moudesch, preiswert a wierklech nëtzlech. Awer Dir musst wëssen, wéi Dir et verstänneg benotzt, a fir déi richteg Aart vu Projet.
Är mobil Optimisatiounsstrategie sollt net onofhängeg vun Ärer Gesamtstrategie sinn. Et muss festgeluecht ginn, wéi den Inhalt op de verschiddene Terminaler interpretéiert soll ginn. Wann Dir ofhängeg vum Medium komplett verschidden Inhalter ubidde musst, ass et am léifsten fir zum Beispill eng separat mobil Säit ze wielen, déi seng eegen URLen huet, anescht wéi déi vun den anere Formater. Wann den Inhalt dynamesch generéiert gëtt, wann Dir net e ganze Server-Säit Terminal Unerkennungssystem wëllt embeddenen, oder User Agent Erhuelung, Ënnerhalt, Updates, a SEO ass wesentlech fir Iech, da wier et besser fir en engagéierten ze wielen. Site.
Wéi och ëmmer, wann den Ëmfang vun dësem selwechte Projet limitéiert ass op d'Responsive Optioun ...
Also de Passwuert fir SEO sollt sinn: Kompromiss.
Méi Informatioun iwwer gutt mobil Praktiken?
http://www.etourisme-feng-shui.com/2014/06/17/smxparis-les-bonnes-pratiques-a-retenir-pour-sa-strategie-mobile/
Internetverbrauch Figur:
http://ookawa-corp.over-blog.com/2014/05/tous-les-chiffres-2014-sur-l-utilisation-d-internet-du-mobile-et-des-medias-sociaux-dans-le-monde.html
http://www.servicesmobiles.fr/services_mobiles/mobile_chiffres/
http://www.blogdumoderateur.com/chiffres-internet/
http://www.blogdumoderateur.com/top-20-sites-applications-mobiles/
Reaktiounsfäeger an einfach SEO:
http://admaker.fr/blog/infographie-top-5-des-raisons-dadopter-le-responsive-web-design/
http://www.searchenginejournal.com/4-seo-benefits-responsive-web-design/92807/
http://www.mostlytruestuff.com/benefits-responsive-web-design/
http://searchengineland.com/the-importance-of-responsive-web-design-for-b2b-sites-179358
http://www.intelligentpositioning.com/blog/2014/06/2-reasons-need-responsive-designed-website/
http://www.journaldunet.com/solutions/seo-referencement/responsive-design-et-seo.shtml
Dynamic Inhalt:
http://searchengineland.com/when-responsive-web-design-is-bad-for-seo-149109
http://fr.slideshare.net/telezent/responsive-design-vs-dynamic-serving-vs-separate-mobile-website
Allgemeng:
http://www.webmasterworld.com/google/4669157.htm
https://developers.google.com/webmasters/smartphone-sites/details
http://blog.hubspot.com/insiders/how-to-follow-googles-mobile-rules-for-awesome-seo
Romain Maury - UX Scientist @UX-Republic