{"id":866061,"date":"2023-10-05T09:25:51","date_gmt":"2023-10-05T14:25:51","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/tipps-um-wordpress-mobilfreundlich-zu-gestalten\/"},"modified":"2023-10-05T09:25:51","modified_gmt":"2023-10-05T14:25:51","slug":"tipps-um-wordpress-mobilfreundlich-zu-gestalten","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/tipps-um-wordpress-mobilfreundlich-zu-gestalten\/","title":{"rendered":"Tipps, um WordPress mobilfreundlich zu gestalten"},"content":{"rendered":"<p>\n<img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/Consejos-para-hacer-que-WordPress-sea-compatible-con-dispositivos-moviles.jpg\"><\/p>\n<p>Es ist durchaus \u00fcblich, dass Menschen Handheld-Ger\u00e4te verwenden, um ihre Lekt\u00fcre nachzuholen oder online nach etwas zu suchen.  Ein Bericht sch\u00e4tzt, dass 60 % der Suchanfragen \u00fcber ein mobiles Ger\u00e4t beginnen.  Wenn Ihre Zielgruppe zu dieser Gruppe geh\u00f6rt, die st\u00e4ndig unterwegs ist, haben Sie wirklich keine Wahl: Sie m\u00fcssen sicherstellen, dass Ihre Website gut aussieht und auf Mobiltelefonen gut funktioniert.  Schauen wir uns in diesem Beitrag einige Dinge an, die Sie tun k\u00f6nnen, um Ihre WordPress-Website mobilfreundlich zu gestalten.<\/p>\n<p>Eine f\u00fcr Mobilger\u00e4te optimierte Website erscheint als kleine Version Ihrer regul\u00e4ren Website.  Um dieses Erscheinungsbild zu erreichen, m\u00fcssen Sie alle Elemente Ihrer Website optimieren, um sie an Ihre Bildschirmgr\u00f6\u00dfe anzupassen.  Und um Traffic anzuziehen und zu halten, m\u00fcssen Sie sicherstellen, dass Ihre Website schnell l\u00e4dt, insbesondere auf Mobilger\u00e4ten.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1632465131_473_Consejos-para-hacer-que-WordPress-sea-compatible-con-dispositivos-moviles.jpg\" alt=\"Machen Sie Ihre WordPress-Website mobilfreundlich\" width=\"900\" height=\"588\"><\/p>\n<p>Ein Googlebot ber\u00fccksichtigt viele Aspekte, wenn er pr\u00fcft, ob eine Website f\u00fcr Mobilger\u00e4te geeignet ist, darunter:<\/p>\n<ul>\n<li>wenn die Seite zu viele Anzeigen oder Software enth\u00e4lt, die nicht f\u00fcr mobile Ger\u00e4te geeignet ist, wie z. B. Flash und Java.<\/li>\n<li>wenn die Gr\u00f6\u00dfe des Inhalts auf den Bildschirm verkleinert wird und der Text lesbar ist, ohne Zoomen oder horizontales Scrollen.<\/li>\n<li>wenn die Glieder deutlich voneinander entfernt platziert sind, sodass sie leicht zu ber\u00fchren sind.<\/li>\n<\/ul>\n<h2>Warum sollte Ihre WordPress-Website mobilfreundlich sein?<\/h2>\n<p>Die Mobilfreundlichkeit einer WordPress-Website ist eine nat\u00fcrliche Folge der explosionsartigen Zunahme der Anzahl von Mobiltelefonen, der besseren Netzwerkkonnektivit\u00e4t und des WLAN-Zugangs an \u00f6ffentlichen Orten.  Die zwingendsten Gr\u00fcnde sind:<\/p>\n<ul>\n<li>Suchmaschinen ber\u00fccksichtigen die Mobilfreundlichkeit als Rankingfaktor.  Die Mobilfreundlichkeit wird Seite f\u00fcr Seite bestimmt.  Das bedeutet, dass die f\u00fcr Mobilger\u00e4te optimierten Bereiche Ihrer Website in den Suchergebnissen einen h\u00f6heren Rang einnehmen, w\u00e4hrend der \u00fcbrige Inhalt einen niedrigeren Rang erh\u00e4lt.<\/li>\n<li>Eine schwer zu navigierende Webseite kann zu einer h\u00f6heren Absprungrate f\u00fchren, was der SEO Ihrer Website schaden kann.  Umgekehrt kann eine f\u00fcr Mobilger\u00e4te optimierte Website zu einer besseren Website-Geschwindigkeit und SEO f\u00fchren.<\/li>\n<li>Um Ihre Webseiten mobilfreundlich zu gestalten, ben\u00f6tigen Sie h\u00e4ufig saubere Raster und Layouts sowie m\u00f6glicherweise eine universelle URL- und Codebasis.<\/li>\n<li>Mobilfreundlichkeit verbessert Branding und Verk\u00e4ufe.<\/li>\n<\/ul>\n<h2>So machen Sie Ihre WordPress-Website mobilfreundlich<\/h2>\n<p>Heutzutage sind moderne WordPress-Themes wie Total responsive und k\u00f6nnen die Website auf jedem Ger\u00e4t anzeigen.  Allerdings gibt es neben der Verwendung eines responsiven Themes noch viele andere Dinge, die Sie tun k\u00f6nnen, um Ihre Website f\u00fcr mobile Ger\u00e4te zu optimieren.<\/p>\n<h3>1. Wir, ein Mobile-First-Ansatz<\/h3>\n<p>Im aktuellen digitalen Szenario kann die Bedeutung der Kompatibilit\u00e4t mit mobilen Ger\u00e4ten nicht genug betont werden.  In den USA ist die Zeit f\u00fcr mobile digitale Medien um 51 % h\u00f6her als f\u00fcr Desktop-Medien um 42 %.  Um diese \u201eTap-and-Swipe\u201c-Zielgruppe zu erreichen, optimieren Website-Besitzer nicht einfach das bestehende Website-Design f\u00fcr mehrere Bildschirmgr\u00f6\u00dfen.  Sie gehen einen Schritt voraus und verfolgen einen Mobile-First-Ansatz.<\/p>\n<p>Der Mobile-First-Ansatz erstellt ein UX-Design speziell f\u00fcr Mobilger\u00e4te und priorisiert die Content-Strategie f\u00fcr die kleinste Bildschirmgr\u00f6\u00dfe.  Es beschr\u00e4nkt sich nicht nur auf die Optimierung der bestehenden regul\u00e4ren Desktop-Website f\u00fcr Mobilger\u00e4te.<\/p>\n<p>Ein weiterer wichtiger Grund f\u00fcr die Umstellung auf Mobile-First ist die Ank\u00fcndigung von Google im November 2016, schrittweise auf die Mobile-First-Indexierung umzustellen.  Bei dieser Indexierungsmethode \u00fcberpr\u00fcft Google zun\u00e4chst die mobilen Seiten der Website auf Indexierung, bevor die Desktop-Seiten \u00fcberpr\u00fcft werden.  Bei der Auswahl einer Website f\u00fcr den Mobile-First-Index verwendet Google \u201eRanker\u201c, um herauszufinden, wie bereit eine Website f\u00fcr den Mobile-First-Index ist.  Rankinger ermitteln, wie gleichwertig oder vergleichbar die Desktop-Site mit der mobilen Site in Bezug auf Inhalt, Links, Layout, Multimedia usw. ist.  Tats\u00e4chlich teilte Gary Illyes von Google im Oktober einem Publikum auf der SMX East-Konferenz in New York City mit, dass einige Websites bereits auf der mobilen Indexliste stehen und weitere hinzugef\u00fcgt werden.<\/p>\n<h3>2. Bilder optimieren<\/h3>\n<p>Bilddateien sind normalerweise viele Bytes lang.  Sie werden langsamer geladen als andere Ressourcen wie Text und HTML.  Um Ihre Website mobilfreundlich zu gestalten, m\u00fcssen Sie die Bilder so optimieren, dass sie auf kleinere Bildschirme passen.  Seit Version 4.4 \u00fcbernimmt WordPress dies weitgehend, Sie k\u00f6nnen jedoch jederzeit ein WordPress-Plugin verwenden, um Ihre Bilder weiter zu optimieren.<\/p>\n<p>Sie k\u00f6nnen viel mehr tun, um Bilder zu optimieren. Bedenken Sie dabei immer, dass die Bildoptimierung ein Gleichgewicht zwischen Benutzererfahrung, visueller Attraktivit\u00e4t und Seitenleistung erfordert.  Entfernen Sie zun\u00e4chst Bilder, die keinen Mehrwert bieten.  Als n\u00e4chstes optimieren Sie Ihre Bilder, bevor Sie sie \u00fcberhaupt hochladen, indem Sie sie auf kleinere Dateigr\u00f6\u00dfen komprimieren.  Wenn Sie Photoshop verwenden, verwenden Sie die Option \u201eF\u00fcr Web speichern\u201c.  Auch Online-Tools wie TinyPNG oder Plugins wie WPSmush k\u00f6nnen die Arbeit recht effizient erledigen.  Dar\u00fcber hinaus gibt es eine Github-Seite, die Ihnen beim Vergleich verschiedener Komprimierungstools helfen kann.  Um mehr \u00fcber die Bildoptimierung zu erfahren, nutzen Sie unseren Leitfaden zur Bildoptimierung.<\/p>\n<h3>3. Implementieren Sie beschleunigte mobile Seiten<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/Paginas-moviles-aceleradas-AMP-para-la-optimizacion-movil-de-WordPress.jpg\" alt=\"Beschleunigte mobile Seiten f\u00fcr WordPress\" width=\"900\" height=\"450\"><\/p>\n<p>Accelerated Mobile Pages ist eine Open-Source-Initiative von Google zur Bereitstellung schnell ladender Inhalte auf Mobilger\u00e4ten.  Es gibt Verlagen die M\u00f6glichkeit, nur einmal mobilfreundliche Inhalte zu erstellen und diese sofort \u00fcberall im mobilen Web zu laden.  Bei AMP handelt es sich eigentlich um eine Vielzahl von Optimierungen f\u00fcr die Website, die einheitlich gem\u00e4\u00df den Anforderungen von Google durchgef\u00fchrt werden.  Es steht ein Standardangebot an Werbeformaten, Werbenetzwerken und Technologien zur Verf\u00fcgung.  Gleichzeitig k\u00f6nnen Redakteure auch eigene Formate w\u00e4hlen, sofern dies kein Hindernis f\u00fcr die Geschwindigkeit darstellt.  Wir haben unser eigenes AMP f\u00fcr WordPress-Tutorial zum Erstellen von AMP-Seiten, um Ihnen den Einstieg zu erleichtern.  Wir empfehlen au\u00dferdem AMP Start von Google, das Ihnen auch dabei hilft, gut aussehende AMP-Seiten mit gebrauchsfertigen AMP-Vorlagen und -Komponenten zu erstellen.<\/p>\n<p>AMP-Inhalte werden sofort in einer Google-Suche verf\u00fcgbar und \u00fcber soziale Plattformen wie z. B. zug\u00e4nglich sein TwitterLinkedIn und Pinterest.<\/p>\n<p>Durch die spezielle Formatierung und Bereitstellung mobiler Seiten werden diese Seiten auf Mobilger\u00e4ten deutlich schneller.  Die durchschnittliche Ladezeit einer AMP-Seite von Google betr\u00e4gt weniger als eine halbe Sekunde.  Bis Oktober 2017 haben mehr als 25 Millionen Website-Domains mehr als 4 Milliarden AMP-Seiten bereitgestellt.  AMP steigert den Website-Traffic um 10 % und verdoppelt die Verweildauer auf der Seite.  AMP-E-Commerce-Websites verzeichneten im Vergleich zu Nicht-AMP-Seiten einen Anstieg der Verkaufskonversionen um 20 %.<\/p>\n<p>AMP ist noch kein Ranking-Faktor, kann jedoch einen gro\u00dfen Einfluss auf die Benutzererfahrung und damit auf die Suchmaschinenoptimierung haben.<\/p>\n<h3>4. Vermeiden Sie Vollbild-Popups<\/h3>\n<p>Es besteht kein Zweifel daran, dass Pop-ups funktionieren.  Bei der Verwendung von Popups muss jedoch immer die Benutzererfahrung im Vordergrund stehen.  Pop-ups, die kontextbezogen relevant sind, einpr\u00e4gsame Schlagzeilen haben und einen echten Mehrwert bieten, sodass der Leser bessere Conversion-Chancen hat.  Andererseits reichen schwer zu \u00fcbersehende Spam-Pop-ups, die Werbung \u00fcber dem Hauptinhalt anzeigen, aus, um einen Besucher abzuschrecken.<\/p>\n<p>Wenn ein Nutzer auf eine Google-Seite klickt, sollte der von Ihnen in einer mobilen Suche indizierte Inhalt verf\u00fcgbar sein.  Andernfalls k\u00f6nnten sie in den mobilen Suchergebnissen keinen hohen Rang erreichen (Stand: Januar 2017).  Pop-ups als Reaktion auf gesetzliche Verpflichtungen, wie Cookies und Altersbest\u00e4tigungen oder Anmeldedialoge, die den Zugriff auf gesperrte Inhalte erm\u00f6glichen, sind f\u00fcr Google kein Problem.  Das Gleiche gilt f\u00fcr Anzeigen, die nur wenig Platz auf dem Bildschirm beanspruchen und leicht ausgeblendet werden k\u00f6nnen.<\/p>\n<p>Im Gegensatz dazu finden Pop-ups, die erscheinen, sobald ein Besucher \u00fcber eine Suche auf die Seite gelangt, die den Hauptinhalt abdecken oder die erscheinen, w\u00e4hrend ein Besucher surft, bei Google keinen Anklang.  Das Gleiche gilt f\u00fcr eigenst\u00e4ndige Interstitials, die ein Benutzer verwerfen muss, bevor er auf den Hauptinhalt zugreifen kann.<\/p>\n<p>Weitere bew\u00e4hrte Vorgehensweisen bei Popups auf Mobilger\u00e4ten umfassen die Vermeidung von Popups im Vollbildmodus oder die Einbeziehung erweiterbarer Inhalte wie Akkordeons oder erweiterbarer Felder auf Ihrer mobilen Website.  Verwenden Sie kleinere Nachrichten als Banner, Liner oder Folien oder verbergen Sie Inhalte hinter Registerkarten.<\/p>\n<p>John Mueller von Google warnt davor, dass Interstitials, die zwischen dem Suchklick und dem Zugriff auf Inhalte erscheinen, einen negativen Einfluss auf das Ranking haben.  Folglich haben Page-to-Page-Popups oder Exit-Intent-Popups m\u00f6glicherweise keinen Einfluss auf das Ranking.<\/p>\n<h3>5. Erw\u00e4gen Sie die Erstellung einer mobilen App<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/Como-convertir-su-sitio-de-WordPress-en-una-aplicacion-paso.jpg\" alt=\"Bereit f\u00fcr WordPress f\u00fcr Mobilger\u00e4te\" width=\"950\" height=\"501\"><\/p>\n<p>Eine mobile App ist ein Computerprogramm, das auf einem mobilen Ger\u00e4t wie einem Telefon oder einer Uhr ausgef\u00fchrt wird.  Amazon hat beispielsweise eine Alexa-Shopping-App.  Apps sind jetzt verf\u00fcgbar und k\u00f6nnen f\u00fcr alles heruntergeladen werden: Dienstprogramm, Produktivit\u00e4t, Navigation, Unterhaltung, Sport oder Fitness. Facebook Mit 140 Millionen monatlichen Downloads ist es die am h\u00e4ufigsten heruntergeladene Anwendung.<\/p>\n<p>Viele Websites verf\u00fcgen \u00fcber mobile Websites und mobile Anwendungen.  Eine Anwendung stellt spezifische Informationen in einem leicht verst\u00e4ndlichen Format bereit.  Es ist intuitiv zu bedienen und bietet mehr Interaktivit\u00e4t.  Heutzutage werden viele E-Commerce-Aktivit\u00e4ten, einschlie\u00dflich Zahlungen, \u00fcber Mobiltelefone abgewickelt.  Daher werden mobile Anwendungen bestehen bleiben und in ihrer Zahl zunehmen.  Das Beste daran ist, dass Sie Ihre WordPress-Website ganz einfach in eine App umwandeln oder eine App f\u00fcr Ihre kleinen Unternehmen erstellen k\u00f6nnen.<\/p>\n<p>Mobile Apps erh\u00f6hen den Datenverkehr, indem sie es Benutzern erm\u00f6glichen, direkt von ihrem Telefon aus zu tippen.  Benutzer k\u00f6nnen mit nur wenigen Klicks sofort auf Sie zugreifen.  Apps helfen Ihnen, mehr Kunden zu erreichen und sich gut in soziale Medien zu integrieren.  Mit Apps k\u00f6nnen Sie Ihre Produktliste regelm\u00e4\u00dfig aktualisieren und Rabatte und Angebote anbieten.  Oder verbinden Sie sich mit Partner-Websites, um auf Ihre App zuzugreifen und eine bessere Sichtbarkeit zu erzielen.<\/p>\n<h2>Abschlie\u00dfend<\/h2>\n<p>Wenn Sie alle Optimierungen vorgenommen haben, um Ihre Website mobilfreundlich zu machen, vergessen Sie nicht, sie in PageSpeed \u200b\u200b\u200b\u200bInsights zu testen.  Der Test auf Mobilfreundlichkeit von Google testet Websites auch anhand der URL.<\/p>\n<p>Die Ratschl\u00e4ge in diesem Beitrag erheben keinen Anspruch auf Vollst\u00e4ndigkeit.  Es gibt unz\u00e4hlige WordPress-Optimierungs-Plugins und weitere Anleitungen, die Ihnen dabei helfen, Ihre Website auf Mobilger\u00e4ten zu verbessern.  Wenn Sie also etwas hinzuzuf\u00fcgen oder Fragen an uns haben, teilen Sie uns dies bitte in den Kommentaren unten mit.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Es ist durchaus \u00fcblich, dass Menschen Handheld-Ger\u00e4te verwenden, um ihre Lekt\u00fcre nachzuholen oder online nach etwas zu suchen. Ein Bericht sch\u00e4tzt, dass 60 % der Suchanfragen \u00fcber ein mobiles Ger\u00e4t beginnen. Wenn Ihre Zielgruppe zu dieser Gruppe geh\u00f6rt, die st\u00e4ndig unterwegs ist, haben Sie wirklich keine Wahl: Sie m\u00fcssen sicherstellen, dass Ihre Website gut aussieht [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":866062,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/12-Marketing-600x338-1.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/866061"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=866061"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/866061\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/866062"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=866061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=866061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=866061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}