Google Webmaster-Zentrale Blog [DE]: Smartphone-optimierte Websites erstellen

Webmaster-Zentrale Blog

Offizielle Informationen zum Crawling und zur Indexierung von Webseiten und News für Webmaster

Smartphone-optimierte Websites erstellen

Donnerstag, 28. Juni 2012

letztenGooglebot-Mobile für Smartphones Empfehlungen für Smartphone-optimierte WebsitesHilfe-Website
Für das Erstellen einer auf Smartphones zugeschnittenen Website unterstützt Google drei verschiedene Konfigurationen:

Websites mit Responsive Webdesign – Dies sind Websites, bei denen für alle Geräte dieselben URLs verwendet werden. Für jede URL wird dabei dasselbe HTML für alle Geräte verwendet und die Seitendarstellung auf den verschiedenen Geräten wird allein über CSS geändert. Google empfiehlt diese Konfiguration.

Websites, bei denen dieselben URLs für alle Geräte verwendet werden – Für jede URL werden hier jedoch ein anderes HTML und andere CSS verwendet. Dies richtet sich danach, ob es sich beim User-Agent um ein Desktop- oder ein Mobilgerät handelt.

Websites mit separaten Webseiten für Mobilgeräte und Desktopgeräte

Flexibles Design ("Responsive Webdesign")

Responsive Webdesign ist eine Technologie zum Erstellen von Webseiten, deren Darstellung über CSS3-Media Queries angepasst wird. Das bedeutet, dass geräteunabhängig ein HTML-Code pro Seite verwendet wird, die Darstellung jedoch über CSS-Media Queries angepasst wird. Über die Media Queries wird ermittelt, welche CSS-Regeln für den Browser, in dem die Seite aufgerufen wird, anzuwenden sind. Weitere Informationen über Responsive Webdesign erhaltet ihr im Blog-Post der Google Webmaster und in unseren Empfehlungen (auf Englisch).
Die Verwendung von Responsive Webdesign hat viele Vorteile, unter anderem diese:

Eure Inhalte für Desktop- und Mobilgeräte bleiben auf einer URL. Das macht es für eure Nutzer einfacher, die URL zu verwenden, zu teilen und auf sie zu verlinken. Google-Algorithmen können euren Inhalten so auch einfacher Indexierungseigenschaften zuweisen.

Eure Inhalte werden effizienter erkannt, da wir eine Seite nicht mit den verschiedenen Googlebot-User-Agents crawlen müssen, um wirklich alle Inhalte zu ermitteln und zu indexieren.

Gerätespezifisches HTML

Wir wissen jedoch auch, dass die Verwendung von Responsive Webdesign in vielen Situationen nicht möglich oder geeignet ist. Deshalb unterstützen wir Websites, die gleiche Inhalte über unterschiedliches, gerätespezifisches HTML bereitstellen. Das gerätespezifische HTML kann auf ein und derselben URL verwendet werden, eine sogenannte dynamische Bereitstellung ("dynamic serving"), oder auf verschiedenen URLs wie www.beispiel.com und m.beispiel.com.
Falls ihr für eure Website die Konfiguration "dynamische Bereitstellung" gewählt habt, empfehlen wir euch unbedingt, den Vary-HTTP-Header zu verwenden. Damit wird unseren Caching-Servern und Algorithmen signalisiert, dass die Inhalte je nachdem, welcher User-Agent die Seite aufruft, unterschiedlich ausfallen können. Wir nutzen dies auch als Crawling-Signal für den Googlebot-Mobile. Weitere Informationen findet ihr hier (auf Englisch).
Für die getrennte Konfiguration mobiler Websites gibt es viele Möglichkeiten. Wir empfehlen Vermerke, über die unseren Algorithmen signalisiert wird, dass eure Seiten für Desktop- und Mobilgeräte den gleichen Zweck verfolgen. Diese neuen Vermerke erläutern, dass Inhalte für Desktop- und Mobilgeräte lediglich Alternativen sind und als eine zusammenhängende Einheit behandelt werden sollen. Der einzige Unterschied besteht darin, dass die beiden Alternativen auf unterschiedliche Gerätearten zugeschnitten sind.
Anhand dieser Vermerke erkennen wir eure Smartphone-optimierten Inhalte einfacher und unsere Algorithmen verstehen die Struktur eurer Inhalte besser. Eure Inhalte sind somit bestens gerüstet, um in den Google-Suchergebnissen gut abzuschneiden.

Fazit

Dieser Blog-Post ist nur eine kurze Zusammenfassung unserer Empfehlungen zum Thema Smartphone-optimierte Websites erstellen (auf Englisch). Lest alle Empfehlungen, um zu erfahren, welche unterstützte Implementierung für eure Website und Nutzer am besten geeignet ist. Wie immer könnt ihr gerne in unseren Forum für Webmaster posten, wenn ihr weitere Fragen habt.

Post von Pierre Far, Webmaster Trends Analyst (Veröffentlicht von Uli Lutz, Search Quality)

Google

Labels: Best Practices , Mobile

Labels

#NoHacked 2
2017 1
Accessibility 13
AJAX 1
AMP 7
Android 2
api 1
App-Indexierung 3
Best Practices 99
Bildersuche 2
captcha 1
Chrome 4
Code 12
Crawling 1
Crawling und Indexierung 126
Diskussionsforum 15
Duplicate Content 17
Dynamic Rendering 1
Einsteiger 8
Event 1
events 1
Feedback 1
Geo-Targeting 11
Google Analytics 6
Google Dance 1
Google News 1
Google Places 4
Google-Assistant 1
Google-Suche 59
Google+ 9
Hacking 16
Hangouts 1
https 3
JavaScript 3
Kanonische URL 1
Kommentare 1
Konferenz 19
Lighthouse 3
Links 18
Malware 17
Mobile 38
Mobile-first indexing 1
Nachrichten-Center 16
Optimisation 3
PageSpeed Insights 2
Penalties 1
Performance 3
Ranking 1
reCaptcha v3 1
Rendering 2
Rich Snippets 18
Richtlinien für Webmaster 36
robots.txt 7
Safe Browsing 5
Search Console 19
Search Results 1
Security 4
Seitenzugriff 1
SEO 4
Sicherheit 38
Site Clinic 5
Sitemaps 30
Spam Report 9
SSL 1
Structured Data 8
Tools und Gadgets 17
Verschlüsselung 1
Video 132
Webmaster blog 1
Webmaster Community 1
Webmaster-Academy 1
Webmaster-Tools 154
webspam 3

Archiv

2020
- Nov
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb

2019
- Dez
- Nov
- Okt
- Sep
- Jun
- Mai
- Feb
- Jan

2018
- Dez
- Nov
- Okt
- Sep
- Jul
- Jun
- Mai
- Apr
- Feb
- Jan

2017
- Dez
- Nov
- Jun
- Apr
- Mär
- Jan

2016
- Nov
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Jan

2015
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Mai
- Apr
- Mär
- Feb
- Jan

2014
- Nov
- Okt
- Sep
- Aug
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2013
- Dez
- Nov
- Okt
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2012
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2011
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2010
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2009
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2008
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär
- Feb
- Jan

2007
- Dez
- Nov
- Okt
- Sep
- Aug
- Jul
- Jun
- Mai
- Apr
- Mär

Feed

Forum für Webmaster
Webmaster-Sprechstunden
Webmaster-Tools-Hilfe
Developers-Site für Webmaster

Google
Privacy
Terms