Best Practices für mobile Websites und Mobile-First-Indexing

Google verwendet die mobile Version der Website-Inhalte, gecrawlt mit dem
smartphone agent, für die Indexierung und das Ranking. Dies wird als Mobile-First-Indexing.

bezeichnet. Obwohl es nicht erforderlich ist, eine mobile Version Ihrer Seiten zu haben, damit Ihre Inhalte in den Google-Suchergebnissen erscheinen, wird dies dringend empfohlen. Diese Best Practices gelten für mobile Websites im Allgemeinen und per Definition für das Mobile-First-Indexing.

Um sicherzustellen, dass Ihre Nutzer die bestmögliche Erfahrung machen, befolgen Sie die in diesem Leitfaden beschriebenen Best Practices.

Erstellen Sie eine mobilfreundliche Website

Falls noch nicht geschehen, erstellen Sie eine mobilfreundliche Website, damit Ihre Nutzer, die Ihre Website über ein Mobiltelefon besuchen, eine hervorragende Erfahrung haben. Es gibt drei Konfigurationen, aus denen Sie wählen können, um eine mobilfreundliche Website zu erstellen:

• Responsive Design:
  Liefert denselben HTML-Code auf derselben URL, unabhängig vom Gerät des Nutzers (z. B. Desktop, Tablet, Mobilgerät, nicht-visueller Browser), kann den Inhalt jedoch je nach Bildschirmgröße unterschiedlich anzeigen. Google empfiehlt Responsive Web Design, da es das am einfachsten zu implementierende und zu wartende Designmuster ist.
• Dynamische Bereitstellung: Verwendet unabhängig vom Gerät dieselbe URL. Diese Konfiguration basiert auf
  user-agent Erkennung und dem
  Vary: user-agent
  HTTP-Antwort-Header , um verschiedenen Geräten eine andere Version des HTML bereitzustellen.
  Separate URLs:
• Liefert unterschiedliche HTML-Inhalte an jedes Gerät und auf separaten URLs. Wie die dynamische Bereitstellung basiert diese Konfiguration auf den user-agent und Vary
  HTTP-Headern, um Nutzer auf die gerätegerechte Version der Website weiterzuleiten. Der Inhalt dieses Leitfadens gilt nur für dynamische Bereitstellung und separate URL-Konfigurationen. Beim Responsive Design sind der Inhalt und die Metadaten auf der mobilen und der Desktop-Version der Seiten identisch.

Wenn Sie ein CMS wie Wix oder Blogger

Stellen Sie sicher, dass Google auf Ihre mobilen Seiteninhalte und Ressourcen zugreifen und diese rendern kann.

Verwenden Sie dieselben

• robots meta Tags auf der mobilen und der Desktop-Website. Wenn Sie auf der mobilen Website ein anderes
  robots meta Tag verwenden (insbesondere die noindex
  oder nofollow Tags), kann Google Ihre Seite möglicherweise nicht crawlen und indexieren, wenn Ihre Website für Mobile-First-Indexing aktiviert ist. Laden Sie primäre Inhalte nicht erst bei Nutzerinteraktion nach (Lazy-Loading).
• Google lädt keine Inhalte, die Nutzerinteraktionen (z. B. Wischen, Klicken oder Tippen) erfordern, um geladen zu werden. Stellen Sie sicher, dass Google nachgeladene Inhalte sehen kann
  Lassen Sie Google Ihre Ressourcen crawlen..
• Einige Ressourcen haben auf der mobilen Website andere URLs als auf der Desktop-Website. Wenn Sie möchten, dass Google Ihre URLs crawlt, stellen Sie sicher, dass Sie die URL nicht mit der disallow
  Regel blockieren. Stellen Sie sicher, dass der Inhalt auf Desktop und Mobilgerät identisch ist.

Selbst bei gleichwertigem Inhalt können Unterschiede im DOM oder Layout zwischen Desktop- und mobiler Seite dazu führen, dass Google den Inhalt unterschiedlich versteht. Dennoch stellt der gleiche Inhalt auf der Desktop- und der mobilen Version sicher, dass beide Versionen für dieselben Keywords ranken können.

Stellen Sie sicher, dass Ihre mobile Website denselben Inhalt enthält wie Ihre Desktop-Website.

• 
  Wenn Ihre mobile Website weniger Inhalt hat als Ihre Desktop-Website, sollten Sie Ihre mobile Website aktualisieren, damit ihr primärer Inhalt dem Ihrer Desktop-Website entspricht. Sie können auf Mobilgeräten ein anderes Design verwenden, um die Nutzererfahrung zu maximieren (z. B. Verschieben von Inhalten in Akkordeons oder Tabs); stellen Sie nur sicher, dass der Inhalt dem der Desktop-Website entspricht, da die Indexierung Ihrer Website von der mobilen Website stammt.
  
  Wenn es Ihre Absicht ist, dass die mobile Seite weniger Inhalt haben soll als die Desktop-Seite, können Sie mit einem gewissen Traffic-Verlust rechnen, wenn Ihre Website für Mobile-First-Indexing aktiviert ist, da Google nicht so viele Informationen von Ihrer Seite abrufen kann wie zuvor. Anstatt Inhalte zu entfernen, sollten Sie in Erwägung ziehen, Inhalte in Akkordeons oder Tabs zu verschieben, um Platz zu sparen.
• 
  auf der mobilen Website wie auf der Desktop-Website. Überprüfen Sie Ihre strukturierten Daten

Wenn Sie strukturierte Daten auf Ihrer Website haben, stellen Sie sicher, dass diese auf beiden Versionen Ihrer Website vorhanden sind. Hier sind einige spezifische Dinge, die Sie überprüfen sollten:

Stellen Sie sicher, dass Ihre mobilen und Desktop-Websites dieselben strukturierten Daten haben.

• Wenn Sie priorisieren müssen, welche Typen Sie Ihrer mobilen Website hinzufügen, beginnen Sie mit
  Brotkrümelnavigation
  Product,
  undVideoObject
  strukturierten Daten.
  Verwenden Sie korrekte URLs in strukturierten Daten.
• Stellen Sie sicher, dass die URLs in den strukturierten Daten auf den mobilen Versionen auf die mobilen URLs aktualisiert sind. Wenn Sie den Data Highlighter verwenden, trainieren Sie ihn auf Ihrer mobilen Website.
• Wenn Sie Data Highlighter
  verwenden, um strukturierte Daten bereitzustellen, überprüfen Sie regelmäßig das
  Data Highlighter dashboard
  auf Extraktionsfehler.
  Verwenden Sie dieselben Metadaten auf beiden Versionen Ihrer Website

Stellen Sie sicher, dass das

title
Element und das
Meta-Beschreibung sind in beiden Versionen Ihrer Website gleichwertig.

Überprüfen Sie die Platzierung Ihrer Anzeigen

Lassen Sie nicht zu, dass Anzeigen Ihr mobiles Seitenranking beeinträchtigen. Befolgen Sie die
Better Ads Standard
bei der Anzeige von Werbung auf Mobilgeräten. Anzeigen am oberen Rand der Seite können beispielsweise auf einem Mobilgerät zu viel Platz beanspruchen, was eine schlechte Nutzererfahrung darstellt

Überprüfen Sie visuelle Inhalte

Überprüfen Sie Ihre Bilder

Stellen Sie sicher, dass die Bilder auf Ihrer mobilen Website den
Best Practices für Bilderfolgen. Insbesondere empfehlen wir Ihnen:

• 
  Bereitstellen
  hochwertige Bilder.
  Verwenden Sie auf der mobilen Website keine Bilder, die zu klein sind oder eine niedrige Auflösung haben.
• 
  Verwenden Sie ein
  unterstütztes Format für Bilder.
  Verwenden Sie keine nicht unterstützten Formate oder Tags. Google unterstützt beispielsweise Bilder im SVG-Format, aber unsere Systeme können ein .jpg-Bild im <image> Tag innerhalb eines Inline-SVG nicht indexieren.
• Verwenden Sie für Bilder keine URLs, die sich bei jedem Laden der Seite ändern. Google kann Ihre Ressourcen nicht ordnungsgemäß verarbeiten und indexieren, wenn Sie ständig wechselnde URLs für diese verwenden.
• 
  Stellen Sie sicher, dass die mobile Website denselben Alt-Text für Bilder verwendet wie die Desktop-Website.
  Verwenden Sie
  beschreibenden Alt-Text
  für Bilder auf Ihrer mobilen Website, genau wie auf Ihrer Desktop-Website.
• 
  Stellen Sie sicher, dass die Qualität der mobilen Seiteninhalte genauso gut ist wie die der Desktop-Seite.
  Verwenden Sie dieselben
  Titel, Bildunterschriften, Dateinamen und Texte
  die für die Bilder auf der mobilen Website relevant sind, wie Sie es für die Desktop-Website tun.

Überprüfen Sie Ihre Videos

Stellen Sie sicher, dass die Videos auf Ihrer mobilen Website den
Best Practices für Videosfolgen. Insbesondere empfehlen wir Ihnen:

• Verwenden Sie für Ihre Videos keine URLs, die sich bei jedem Laden der Seite ändern.
  Google kann Ihre Ressourcen nicht ordnungsgemäß verarbeiten und indexieren, wenn Sie ständig wechselnde URLs für diese verwenden.
• 
  Verwenden Sie ein unterstütztes Format
  für Ihre Videos und fügen Sie Videos in unterstützte Tags ein. Videos werden auf der Seite durch das Vorhandensein eines HTML-Tags identifiziert, zum Beispiel: <video>,
  <embed>oder <object>.
• Verwenden Sie dieselben strukturierten Videodaten sowohl auf Ihrer mobilen Website als auch auf Ihrer Desktop-Website. Weitere Informationen finden Sie unter Überprüfen Sie Ihre strukturierten Daten.
• 
  Platzieren Sie das Video an einer leicht zu findenden Position auf der Seite, wenn es auf einem Mobilgerät angezeigt wird.
  Es könnte beispielsweise das Ranking des Videos beeinträchtigen, wenn Nutzer zu weit nach unten scrollen müssen, um das Video auf der mobilen Seite zu finden.

Zusätzliche Best Practices für separate URLs

Wenn Ihre Website separate URLs für die Desktop- und die mobile Version einer Seite hat (auch bekannt als m-dot), empfehlen wir die folgenden zusätzlichen Best Practices:

• 
  Stellen Sie sicher, dass der Status der Fehlerseite sowohl auf der Desktop- als auch auf der mobilen Website gleich ist.
  Wenn eine Seite auf Ihrer Desktop-Website normale Inhalte bereitstellt und die mobile Version dieser Seite eine Fehlerseite anzeigt, fehlt diese Seite im Index.
• Stellen Sie sicher, dass Ihre mobile Version keine URL-Fragmente enthält. Der Fragmentteil der URL ist das Ende der URL, das mit #beginnt. Meistens sind URL-Fragmente nicht indexierbar; diese Seiten fehlen im Index, nachdem Ihre Domain für Mobile-First-Indexing aktiviert wurde.
• 
  Stellen Sie sicher, dass die Desktop-Versionen, die unterschiedliche Inhalte bereitstellen, über gleichwertige mobile Versionen verfügen.
  Wenn unterschiedliche URLs auf dieselbe URL weiterleiten (z. B. auf die Startseite auf Mobilgeräten), nachdem Ihre Domain für Mobile-First-Indexing aktiviert wurde, fehlen all diese Seiten im Index.
• 
  Überprüfen Sie beide Versionen Ihrer Website in der
  Search Console
  um sicherzustellen, dass Sie Zugriff auf Daten und Nachrichten für beide Versionen haben. Ihre Website kann eine Datenverschiebung erfahren, wenn Google für Ihre Website auf Mobile-First-Indexing umstellt.

• Überprüfen Sie hreflang Links auf separaten URLs. Wenn Sie
  rel=hreflang
Link Elemente
  für
  Internationalisierungverwenden, verknüpfen Sie mobile und Desktop-URLs separat. Die hreflang
  Ihrer mobilen URLs müssen auf mobile URLs zeigen, und ebenso muss die hreflang der Desktop-URL auf Desktop-URLs zeigen.

  Hier ist ein Beispiel für hreflang für die Startseite einer Website mit separaten URLs für Mobilgeräte und Desktop.

  Mobil

  In diesem Beispiel ist die URL der mobilen Website https://m.example.com/.

  Desktop

  In diesem Beispiel ist die URL der Desktop-Website https://example.com/.
• Stellen Sie sicher, dass Ihre mobile Website über genügend Kapazität verfügt, um einen potenziellen Anstieg der
  Crawling-Rate
  auf der mobilen Version Ihrer Website zu bewältigen.
• 
  Überprüfen Sie, ob Ihre
  robots.txt-Regeln
  für beide Versionen Ihrer Website wie beabsichtigt funktionieren. Die robots.txt-Datei ermöglicht es Ihnen, festzulegen, welche Teile einer Website gecrawlt werden dürfen oder nicht. Verwenden Sie in den meisten Fällen dieselben robots.txt-Regeln für die mobile und die Desktop-Version Ihrer Website.

• 
  Verwenden Sie die korrekten rel=canonical und rel=alternate
Link- Elemente
  zwischen Ihren mobilen und Desktop-Versionen. Die Desktop-URL ist immer die kanonische, und die mobile Version ist die alternative dieser URL.

  Hier ist ein Beispiel für rel=canonical und rel=alternate für eine

  separate URL-Website-Einrichtung.

  Mobil In diesem Beispiel ist die URL der mobilen Website https://m.example.com/ und enthält ein

  Link-

  Element, das auf die Desktop-URL als kanonische URL verweist. Desktop In diesem Beispiel ist die URL der Desktop-Website https://example.com/ und enthält ein

Link-

Element, das auf sich selbst als kanonische URL verweist, gefolgt von einem weiteren