{"id":5031,"date":"2023-01-03T14:36:14","date_gmt":"2023-01-03T13:36:14","guid":{"rendered":"https:\/\/wolf-of-seo.de\/?post_type=glossary&p=5031"},"modified":"2023-01-03T14:36:15","modified_gmt":"2023-01-03T13:36:15","slug":"viewport","status":"publish","type":"glossary","link":"https:\/\/wolf-of-seo.de\/en\/what-is\/viewport","title":{"rendered":"Viewport"},"content":{"rendered":"

\"Was<\/p>\n

Was ist ein mobiler Viewport?<\/strong><\/h2>\n

Am wichtigsten ist, dass dies ein Meta-Tag ist, nach dem Google sucht und verwendet, um festzustellen, ob Ihre Website Mobile Friendly ist. Wenn Google dieses Meta-Tag nicht findet, werden Sie den Google Mobile Friendly-Test nicht bestehen, was sich negativ auf Ihre Positionierung in den Ergebnissen der mobilen Suche auswirken kann.<\/p>\n

Was der mobile Viewport leistet<\/strong><\/h3>\n

Aus funktionaler Sicht stellt der mobile Viewport<\/span> die anfängliche Zoomstufe einer Webseite ein, wenn sie mit einem mobilen Gerät betrachtet wird. Ohne Ansichtsfenster rendern mobile Geräte die Seite mit einer typischen Desktop-Bildbreite, skaliert auf den Bildschirm. Das bedeutet, dass Ihre Website, wenn sie auf einem Mobiltelefon betrachtet wird, einfach eine winzige, unleserliche Version Ihres Webseitenlayouts ist. Der mobile Ansichtsfenster sollte sich auf jeder Seite Ihrer Website im Kopfbereich befinden.<\/p>\n

Ein wichtiger Aspekt zu verstehen ist, dass der mobile Viewport<\/span>-Meta-Tag von Desktop-Browsern ignoriert wird. Das Einfügen dieses Meta-Tags ändert nichts an der Desktop-Ansicht Ihrer Website.<\/p>\n

Der Mobile Viewport<\/span> ist am nützlichsten, wenn er in einem ansprechenden Website-Design-Schema verwendet wird.<\/p>\n

Mobiler Ansichtscode<\/strong><\/h3>\n

Der grundlegende oder standardmäßige Verwendungscode für ein mobiles Viewport<\/span>-Meta-Tag lautet wie folgt:<\/p>\n

<meta name=viewport<\/span> content=“width=device-width, initial-scale=1″><\/p>\n

Die Einstellung content=“width=device-width“ weist die Seite an, die Breite des Bildschirms in geräteunabhängigen Pixeln anzupassen. Wie bereits erwähnt, ist dies besonders nützlich bei reaktionsschnellen Designs, da dies es der Seite ermöglicht, Inhalte an unterschiedliche Bildschirmgrößen anzupassen und sich an die Ausrichtung eines Telefons, Hoch- oder Querformat anzupassen.<\/p>\n

Die Einstellung „initial scale=1“ weist den Browser<\/span> an, einen anfänglichen Zoommaßstab von 1:1 zwischen den geräteunabhängigen Pixeln und den CSS-Pixeleinstellungen zu verwenden. Dies ermöglicht es dem Benutzer auch, die Zoomstufe nach dem Laden der ersten Seite zu steuern.<\/p>\n

Erweiterte Einstellungen – Max. Zoom<\/strong><\/h3>\n

Es ist möglich, die minimale und maximale Zoomstufe einer Webseite einzustellen und die Möglichkeit des Benutzers, eine Seite zu zoomen, vollständig auszuschließen. Dies können nützliche Funktionen in einigen Fällen sein, in denen Sie die Displaygröße steuern müssen, aber nicht typischerweise verwendet und normalerweise nicht empfohlen werden. Es ist auch möglich, das Ansichtsfenster auf eine feste Breite einzustellen, was nützlich sein kann, wenn eine Webanwendung für ein bestimmtes Gerät erstellt wird, z.B. in einem kommerziellen Umfeld. Eine weitere Möglichkeit kann sein, wenn eine Website nicht mit einem reaktionsschnellen Design erstellt wird, sondern stattdessen über einen separaten mobilen, reinen Satz von Seiten verfügt.<\/p>\n","protected":false},"excerpt":{"rendered":"

Was ist ein mobiler Viewport<\/span><\/span>? Am wichtigsten ist, dass dies ein Meta-Tag ist, nach dem Google sucht und verwendet, um festzustellen, ob Ihre Website Mobile Friendly ist. Wenn Google dieses Meta-Tag nicht findet, werden Sie den Google Mobile Friendly-Test nicht bestehen, was sich negativ auf Ihre Positionierung in den Ergebnissen der mobilen Suche auswirken kann. […]<\/p>\n","protected":false},"author":3,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5031","glossary","type-glossary","status-publish","hentry"],"acf":{"show_faq":false},"yoast_head":"\nWas ist ein Viewport? - SEO Glossar | WOLF OF SEO<\/title>\n<meta name=\"description\" content=\"Erfahre hier alles \u00fcber den Viewport \u2713 mobile friendly \u2713 wir zeigen Dir alle wichtigen Einstellungen \u25ba Klicke hier f\u00fcr mehr\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolf-of-seo.de\/en\/what-is\/viewport\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Viewport\" \/>\n<meta property=\"og:description\" content=\"Erfahre hier alles \u00fcber den Viewport \u2713 mobile friendly \u2713 wir zeigen Dir alle wichtigen Einstellungen \u25ba Klicke hier f\u00fcr mehr\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolf-of-seo.de\/en\/what-is\/viewport\/\" \/>\n<meta property=\"og:site_name\" content=\"WOLF OF SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolf.of.seo.ns\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-03T13:36:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2019\/06\/Was-ist-10-4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wolf_of_seo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/\",\"name\":\"Was ist ein Viewport? - SEO Glossar | WOLF OF SEO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Was-ist-10-4.png\",\"datePublished\":\"2023-01-03T13:36:14+00:00\",\"dateModified\":\"2023-01-03T13:36:15+00:00\",\"description\":\"Erfahre hier alles \u00fcber den Viewport \u2713 mobile friendly \u2713 wir zeigen Dir alle wichtigen Einstellungen \u25ba Klicke hier f\u00fcr mehr\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Was-ist-10-4.png\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Was-ist-10-4.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/viewport\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wolf-of-seo.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Viewport\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"name\":\"WOLF OF SEO\",\"description\":\"Die E-Commerce SEO-Agentur\",\"publisher\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wolf-of-seo.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\",\"name\":\"WOLF OF SEO\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"width\":1,\"height\":1,\"caption\":\"WOLF OF SEO\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wolf.of.seo.ns\",\"https:\\\/\\\/x.com\\\/wolf_of_seo\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is a viewport? - SEO Glossary | WOLF OF SEO","description":"Learn everything about the viewport \u2713 mobile friendly \u2713 we show you all the important settings \u25ba click here for more","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolf-of-seo.de\/en\/what-is\/viewport\/","og_locale":"en_US","og_type":"article","og_title":"Viewport","og_description":"Erfahre hier alles \u00fcber den Viewport \u2713 mobile friendly \u2713 wir zeigen Dir alle wichtigen Einstellungen \u25ba Klicke hier f\u00fcr mehr","og_url":"https:\/\/wolf-of-seo.de\/en\/what-is\/viewport\/","og_site_name":"WOLF OF SEO","article_publisher":"https:\/\/www.facebook.com\/wolf.of.seo.ns","article_modified_time":"2023-01-03T13:36:15+00:00","og_image":[{"url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2019\/06\/Was-ist-10-4.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@wolf_of_seo","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/","url":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/","name":"What is a viewport? - SEO Glossary | WOLF OF SEO","isPartOf":{"@id":"https:\/\/wolf-of-seo.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/#primaryimage"},"image":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/#primaryimage"},"thumbnailUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2019\/06\/Was-ist-10-4.png","datePublished":"2023-01-03T13:36:14+00:00","dateModified":"2023-01-03T13:36:15+00:00","description":"Learn everything about the viewport \u2713 mobile friendly \u2713 we show you all the important settings \u25ba click here for more","breadcrumb":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolf-of-seo.de\/was-ist\/viewport\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/#primaryimage","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2019\/06\/Was-ist-10-4.png","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2019\/06\/Was-ist-10-4.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wolf-of-seo.de\/was-ist\/viewport\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wolf-of-seo.de\/"},{"@type":"ListItem","position":2,"name":"Viewport"}]},{"@type":"WebSite","@id":"https:\/\/wolf-of-seo.de\/#website","url":"https:\/\/wolf-of-seo.de\/","name":"WOLF OF SEO","description":"The e-commerce SEO agency","publisher":{"@id":"https:\/\/wolf-of-seo.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolf-of-seo.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wolf-of-seo.de\/#organization","name":"WOLF OF SEO","url":"https:\/\/wolf-of-seo.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","width":1,"height":1,"caption":"WOLF OF SEO"},"image":{"@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wolf.of.seo.ns","https:\/\/x.com\/wolf_of_seo"]}]}},"_links":{"self":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/5031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/5031\/revisions"}],"wp:attachment":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media?parent=5031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}