{"id":2004,"date":"2013-12-03T13:10:49","date_gmt":"2013-12-03T12:10:49","guid":{"rendered":"https:\/\/wolkenhart.com\/webdesignblog\/?p=2004"},"modified":"2014-06-27T23:29:45","modified_gmt":"2014-06-27T21:29:45","slug":"effektive-homepage","status":"publish","type":"post","link":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage","title":{"rendered":"Die effektive Homepage und ihre Anatomie (Infografik)"},"content":{"rendered":"

Wenn es um das Aussehen einer effektiven Homepage<\/strong> geht, sind die Meinungen oft sehr unterschiedlich. Trotzdem ist sich wohl jeder einig, dass bestimmte Details f\u00fcr die Effektivit\u00e4t dieser Seite vorhanden sein m\u00fcssen. Aus diesem Grund zeigt der Analytic-Anbieter KISSmetrics einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf ihrer Infografik an.<\/p>\n

Die wichtigsten Grundlagen jeder Effektive Homepage<\/h2>\n

F\u00fcr viele Besucher ist die Homepage der erste Kontakt mit einer neuen Webseite. Aus diesem Grund finden sich auch Personen, welche \u00fcber einen Link auf diese Seite gelangt sind, oftmals auf der Eingangsseite wieder. Somit ist es kein Wunder, dass es inzwischen bestimmte Seitenelemente zu finden gibt, die sich auf fast allen Homepages wiederholen. Zu diesen wichtigen Details geh\u00f6rt beispielsweise das Seitenlogo. Dieses Logo vermittelt dem Betrachter idealerweise auf einem Blick, womit sich die Firma besch\u00e4ftigt. Gleichzeitig darf eine Suchfunktion oder eine Navigationshilfe nicht fehlen, die besonders im E-Commerce-Bereich von gro\u00dfem Nutzen sind. Schlie\u00dflich m\u00f6chten die Besucher das Gesuchte so schnell wie m\u00f6glich finden, ganz ohne l\u00e4stige Umwege. Am Ende fehlt dann nur noch der entsprechende Inhalt der Seite.<\/p>\n

Die M\u00f6glichkeiten der Besucher<\/h3>\n

Bei einer effektiven Homepage sollte der Besucher mit nur einem Blick seine M\u00f6glichkeiten auf der Webseite erkennen.<\/strong> So zeigt beispielsweise ein Online-Shop zuerst aktuell g\u00fcnstige oder beliebte Produkte, w\u00e4hrend die News-Seite seinen Besuchern aktuelle und beliebte Artikel zur Verf\u00fcgung stellt. Schlie\u00dflich geht der Webseitenbesitzer davon aus, dass der Besucher aus diesem Grund seine Webseite aufgesucht hat. Daher sollte der Betrachter sein Ziel schnell erreichen und dabei zus\u00e4tzlich \u00fcber die Unternehmensziele informiert werden. Gleichzeitig h\u00e4lt es KISSmetrics unter Umst\u00e4nden f\u00fcr sinnvoll, alle nicht passenden Homepageelemente zu entfernen.<\/p>\n

Vermittlung vom Zweck der Webseite<\/h4>\n

Handelt es sich bei der Homepage um eine Gesch\u00e4ftsseite, sollte der Aufbau der Seite den Zweck der Firma widerspiegeln.<\/strong> Hilfreich sind hierbei beispielsweise Bilder oder ein Einkaufswagen, wenn es sich um eine Shopping-Seite handelt. Jedoch sollten die verwendeten Bilder, dem Besucher die eigentlichen Ziele der Firma vermitteln. Gleichzeitig sind die Navigationsleiste sowie die Webseitentexte ein gutes Werkzeug, um den Betrachtern die Ziele der Firma n\u00e4her zu bringen. Jedoch sollten diese Texte so kurz und informativ wie m\u00f6glich gehalten werden. Ebenso wichtig ist es, dass alle wichtigen Hinweise und Fakten zum Zweck des Unternehmens sofort sichtbar sind, ohne dass der Besucher erst lange scrollen muss. Daher sollten sich diese Informationen immer im oberen Bereich der Webseite befinden, wo diese einfach und schnell zu finden sind.<\/p>\n

++ Click Image to Enlarge ++<\/b>
\"Effektive<\/a>
Source: The Anatomy of an Effective Homepage Infographic<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Wenn es um das Aussehen einer effektiven Homepage geht, sind die Meinungen oft sehr unterschiedlich. Trotzdem ist sich wohl jeder einig, dass bestimmte Details f\u00fcr die Effektivit\u00e4t dieser Seite vorhanden sein m\u00fcssen. Aus diesem Grund zeigt der Analytic-Anbieter KISSmetrics einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf ihrer Infografik an. Die wichtigsten Grundlagen jeder Effektive Homepage F\u00fcr viele Besucher ist die Homepage der erste Kontakt mit einer neuen Webseite. Aus diesem Grund finden sich auch Personen, welche \u00fcber einen Link auf diese Seite gelangt sind, oftmals auf der Eingangsseite wieder. Somit ist es kein Wunder, dass es inzwischen bestimmte Seitenelemente zu finden gibt, die sich auf fast allen Homepages wiederholen. Zu diesen wichtigen Details geh\u00f6rt beispielsweise das Seitenlogo. Dieses Logo vermittelt dem Betrachter idealerweise auf einem Blick, womit sich die Firma besch\u00e4ftigt. Gleichzeitig darf eine Suchfunktion oder eine Navigationshilfe nicht fehlen, die besonders im E-Commerce-Bereich von gro\u00dfem Nutzen sind. Schlie\u00dflich m\u00f6chten die Besucher das Gesuchte so schnell wie m\u00f6glich finden, ganz ohne l\u00e4stige Umwege. Am Ende fehlt dann nur noch der entsprechende Inhalt der Seite. Die M\u00f6glichkeiten der Besucher Bei einer effektiven Homepage sollte der Besucher mit nur einem Blick seine M\u00f6glichkeiten auf der Webseite erkennen. So zeigt beispielsweise ein Online-Shop zuerst aktuell g\u00fcnstige oder beliebte Produkte, w\u00e4hrend die News-Seite seinen Besuchern aktuelle und beliebte Artikel zur Verf\u00fcgung stellt. Schlie\u00dflich geht der Webseitenbesitzer davon aus, dass der Besucher aus diesem Grund seine Webseite aufgesucht hat. Daher sollte der Betrachter sein Ziel schnell erreichen und dabei zus\u00e4tzlich \u00fcber die Unternehmensziele informiert werden. […]<\/p>\n","protected":false},"author":1,"featured_media":2669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[176],"class_list":["post-2004","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internetseiten","tag-effektive-homepage"],"yoast_head":"\nDie effektive Homepage und ihre Anatomie<\/title>\n<meta name=\"description\" content=\"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Die effektive Homepage und ihre Anatomie\" \/>\n<meta property=\"og:description\" content=\"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolkenhart\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-03T12:10:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-27T21:29:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mika Gustavson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wolkenhart\" \/>\n<meta name=\"twitter:site\" content=\"@wolkenhart\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#article\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\"},\"author\":{\"name\":\"Mika Gustavson\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a\"},\"headline\":\"Die effektive Homepage und ihre Anatomie (Infografik)\",\"datePublished\":\"2013-12-03T12:10:49+00:00\",\"dateModified\":\"2014-06-27T21:29:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\"},\"wordCount\":436,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg\",\"keywords\":[\"Effektive Homepage\"],\"articleSection\":[\"Internetseiten\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\",\"name\":\"Die effektive Homepage und ihre Anatomie\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg\",\"datePublished\":\"2013-12-03T12:10:49+00:00\",\"dateModified\":\"2014-06-27T21:29:45+00:00\",\"author\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a\"},\"description\":\"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.\",\"breadcrumb\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg\",\"contentUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg\",\"width\":500,\"height\":334,\"caption\":\"Effektive Homepage\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/wolkenhart.com\/webdesignblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Die effektive Homepage und ihre Anatomie (Infografik)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a\",\"name\":\"Mika Gustavson\",\"description\":\"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Die effektive Homepage und ihre Anatomie","description":"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.","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:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage","og_locale":"de_DE","og_type":"article","og_title":"Die effektive Homepage und ihre Anatomie","og_description":"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.","og_url":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage","article_publisher":"https:\/\/www.facebook.com\/wolkenhart","article_published_time":"2013-12-03T12:10:49+00:00","article_modified_time":"2014-06-27T21:29:45+00:00","og_image":[{"width":500,"height":334,"url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg","type":"image\/jpeg"}],"author":"Mika Gustavson","twitter_card":"summary_large_image","twitter_creator":"@wolkenhart","twitter_site":"@wolkenhart","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#article","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage"},"author":{"name":"Mika Gustavson","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a"},"headline":"Die effektive Homepage und ihre Anatomie (Infografik)","datePublished":"2013-12-03T12:10:49+00:00","dateModified":"2014-06-27T21:29:45+00:00","mainEntityOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage"},"wordCount":436,"commentCount":0,"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg","keywords":["Effektive Homepage"],"articleSection":["Internetseiten"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage","url":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage","name":"Die effektive Homepage und ihre Anatomie","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage"},"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg","datePublished":"2013-12-03T12:10:49+00:00","dateModified":"2014-06-27T21:29:45+00:00","author":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a"},"description":"Die effektive Homepage und ihre Anatomie. Hier siehst du einen \u00fcbersichtlichen \u00dcberblick aller notwendigen Elemente auf einer Infografik.","breadcrumb":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#primaryimage","url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg","contentUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/12\/Effektive-Homepage.jpg","width":500,"height":334,"caption":"Effektive Homepage"},{"@type":"BreadcrumbList","@id":"https:\/\/wolkenhart.com\/webdesignblog\/effektive-homepage#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/wolkenhart.com\/webdesignblog\/"},{"@type":"ListItem","position":2,"name":"Die effektive Homepage und ihre Anatomie (Infografik)"}]},{"@type":"WebSite","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website","url":"https:\/\/wolkenhart.com\/webdesignblog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/44a7d02285c0fddf3198d98b5e792d1a","name":"Mika Gustavson","description":"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.","url":"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk"}]}},"_links":{"self":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":0,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/2004\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media\/2669"}],"wp:attachment":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media?parent=2004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/categories?post=2004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/tags?post=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}