{"id":63007,"date":"2020-08-16T17:18:23","date_gmt":"2020-08-16T17:18:23","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/anatomie-einer-professionellen-website-infographic\/"},"modified":"2020-08-16T17:18:23","modified_gmt":"2020-08-16T17:18:23","slug":"anatomie-einer-professionellen-website-infographic","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/anatomie-einer-professionellen-website-infographic\/","title":{"rendered":"Anatomie einer professionellen Website [Infographic]"},"content":{"rendered":"

F\u00fcr viele von uns bietet das neue Jahr eine Chance f\u00fcr ein neues Unternehmen, sei es ein gesch\u00e4ftliches, gemeinn\u00fctziges oder pers\u00f6nliches Projekt. Und Sie haben h\u00f6chstwahrscheinlich erkannt, dass eine Website ein wesentlicher Bestandteil dieser Vision ist.<\/p>\n

Aber irgendwo zwischen der Vision und dem Endergebnis kann es zu Fehlstarts kommen. Pers\u00f6nlich war die blo\u00dfe Auswahl an Vorlagen ausreichend, um mich beim Erstellen meiner eigenen Website zu st\u00f6ren. F\u00fcgen Sie Fotos, Widgets und Text hinzu. Bevor Sie es wissen, f\u00fchlt sich Ihre Homepage wie eine Mischung aus verschiedenen Elementen an.<\/p>\n

Als Redakteur empfehle ich immer, dass die Leute eine Gliederung erstellen, bevor sie mit dem Schreiben beginnen. Gleiches gilt f\u00fcr Ihre Website. So wie ein guter Aufsatz eine These, eine Einf\u00fchrung und eine Schlussfolgerung enth\u00e4lt, enth\u00e4lt eine gute Website bestimmte Elemente.<\/p>\n

Die Website von Jimdo, Marks & Hemment mit Sitz in Spanien ist ein gutes Beispiel f\u00fcr eine Tour. Anhand der Z\u00fcrcher Vorlage wird auf der Website klar angegeben, was das Unternehmen ist, was es tut und wohin Sie als Kunde als N\u00e4chstes gehen sollten, um seine Website zu erkunden. Sehen Sie in der Infografik unten, wie sie es machen.<\/strong>::<\/p>\n

\"Jimdo<\/p>\n

(Laden Sie die Infografik herunter)<\/p>\n

Nat\u00fcrlich gibt es keine M\u00f6glichkeit, Dinge zu erledigen – ein Teil des Spa\u00dfes beim Erstellen einer professionellen Website ist die F\u00e4higkeit, kreativ zu sein. Aber wenn Sie sich festgefahren f\u00fchlen, empfehle ich Ihnen wirklich, dieses Modell auszuprobieren und zu pr\u00fcfen, ob es f\u00fcr Sie und Ihre Benutzer funktioniert.<\/p>\n

1. Header<\/h2>\n

\u00dcbertreiben Sie nicht seine Wichtigkeit oder irgendetwas, aber Ihr Header wird das erste sein, was Besucher sehen, und er wird auch auf jeder Seite Ihrer Site erscheinen. Gl\u00fccklicherweise sind einfache \u00dcberschriften normalerweise am effektivsten. W\u00e4hlen Sie ein auff\u00e4lliges Bild (hier finden Sie einige Ressourcen, um gute zu finden) und kombinieren Sie es mit einem Logo (falls vorhanden) und Ihrem Site-Titel (wahrscheinlich Ihrem Marken- \/ Firmennamen) in der Schriftart und Farbe Ihrer Wahl.<\/p>\n

Hinweis:<\/strong> Wenn Sie kein Logo haben, stehen einige kosteng\u00fcnstige Optionen zur Verf\u00fcgung. Wir empfehlen die Verwendung 99designs<\/strong>Hier k\u00f6nnen Sie einen Logo-Wettbewerb sponsern und Beitr\u00e4ge von vielen verschiedenen Designern erhalten. Wenn Sie sofort etwas ben\u00f6tigen, k\u00f6nnen Sie auch ein vorgefertigtes Logo in Ihrem Logo-Shop kaufen und innerhalb von 24 Stunden anpassen lassen.<\/p>\n

2. Navigation<\/h2>\n

Viele Menschen stolpern dar\u00fcber, was sie in ihre Navigationsleiste einf\u00fcgen sollen, gehen oft “K\u00fcchensp\u00fcle” vor und listen einfach jede Seite auf, die sie haben. Aber Navigationsmen\u00fcs funktionieren am besten, wenn sie klar und direkt sind und nur eine Zeile belegen<\/strong>. Die einfachen und \u00fcbersichtlichen Navigationsleisten sehen nicht nur besser aus, sondern helfen auch bei Ihrer Suchmaschinenoptimierung (SEO).<\/p>\n

\"Einige<\/p>\n

Einige Vorlagen, wie z. B. Rio, eignen sich perfekt f\u00fcr die Anzeige eines gro\u00dfen Hintergrundbilds, eines Logos und einer einfachen, \u00fcbersichtlichen Navigation. Weitere Beispiele finden Sie in unserem Beitrag zu den beliebtesten Website-Trends.<\/p>\n

In einigen F\u00e4llen (z. B. f\u00fcr einen Online-Shop) m\u00f6chten Sie m\u00f6glicherweise spezifischere Unterseiten in Ihrer Hauptnavigation verwenden, und einige Vorlagen bieten Dropdown-Men\u00fcs, die hilfreich sein k\u00f6nnen. Aber anstatt nur zu versuchen, so viele Seiten in Ihre Navigation aufzunehmen, wie Sie f\u00fcr richtig halten, nehmen Sie sich Zeit, um wirklich \u00fcber die wichtigsten Teile Ihrer Website nachzudenken. Nehmen Sie nur das Wesentliche in Ihre Top-Navigation auf.<\/p>\n

3. Produkte und Dienstleistungen<\/h2>\n

Jede Website ist anders. Wenn Sie jedoch einige Hauptprodukte oder -dienstleistungen anbieten, sollten Sie diese klar und pr\u00e4gnant oben in Ihrem Inhaltsbereich beschreiben, wo sie am besten sichtbar sind. Wenn Sie einen Online-Shop haben, k\u00f6nnen Sie m\u00f6glicherweise nicht alle Produkte direkt auf der Startseite anzeigen. Durch Auswahl Ihrer beliebtesten Artikel oder Ihrer wichtigsten Kategorien k\u00f6nnen Sie Heben Sie Ihre Hauptst\u00e4rken hervor und bringen Sie Ihre Kunden dazu, mehr zu erfahren<\/strong>.<\/p>\n

Angenommen, Sie sind kein Online-Shop, sondern ein Profi oder Freiberufler. Sie werden hier keine Produkte zeigen, aber Sie k\u00f6nnen \u00fcber Ihre Hauptdienstleistungen oder Ihre Hauptst\u00e4rken sprechen. Wie bei einem Aufzug, Sie haben nur wenige Sekunden Zeit, um Ihr Wertversprechen zu beschreiben<\/strong>. Wenn Sie also die M\u00f6glichkeit haben, Besucher zu beeindrucken oder zu interessieren, tun Sie dies hier. Was w\u00fcrden Sie in wenigen Sekunden pr\u00e4sentieren?<\/p>\n

\"Jane<\/p>\n

Hier ist eine weitere Beispielwebsite, die eine \u00fcbersichtliche Kopfzeile, Navigation und zus\u00e4tzliche Dienste enth\u00e4lt. Entdecken Sie die vollst\u00e4ndige Website hier.<\/p>\n

4. Aufruf zum Handeln<\/h2>\n

Die meisten Leute verlassen eine Website in 10-20 Sekunden. Ihr Ziel ist es, sie l\u00e4nger zu bleiben und zu erkunden. Hier kann ein guter “Aufruf zum Handeln” helfen. Sobald Sie das Interesse einer Person an Ihrer \u00dcberschrift, Ihren Produkten und Dienstleistungen geweckt haben, m\u00f6chten Sie, dass diese Person auf Ihre Website klickt und mehr \u00fcber Sie erf\u00e4hrt. Ein Link oder eine Schaltfl\u00e4che hier mit einer aktiven und attraktiven Adresse (“Erfahren Sie mehr” oder “Ich m\u00f6chte eine”) macht den Menschen genau klar, wohin sie gehen m\u00fcssen, um zum n\u00e4chsten Schritt zu gelangen. Hier sind einige weitere gro\u00dfartige Tipps zum Erstellen effektiver Handlungsaufforderungen.<\/p>\n

5. Zus\u00e4tzliche Informationen<\/h2>\n

So sehr Sie sich auf die wichtigsten Informationen konzentrieren m\u00f6chten, es wird immer etwas mehr geben, das Sie sagen m\u00f6chten. Wenn Sie m\u00f6chten, k\u00f6nnen Sie weitere Details weiter unten auf Ihrer Homepage platzieren. Sie k\u00f6nnen diesen Bereich auch verwenden, um Fotos einzuschlie\u00dfen, die den Ton f\u00fcr Ihre Site bestimmen.<\/p>\n

Denken Sie daran, dass die meisten Besucher nicht so weit nach unten scrollen und in diesem Fall h\u00f6chstwahrscheinlich nach unten rutschen. Nur weil Sie den Platz haben, hei\u00dft das nicht, dass Sie ihn nutzen m\u00fcssen. Einfache, kompakte Homepages k\u00f6nnen oft sehr effektiv sein.<\/p>\n

6. Testimonials<\/h2>\n

So wie Social Media von pers\u00f6nlichen Empfehlungen lebt, leben auch Unternehmen davon. Kundenreferenzen verleihen Ihrer Website Legitimit\u00e4t<\/strong>Sie k\u00f6nnen auch helfen, indem Sie andere \u00fcber Ihre St\u00e4rken sprechen lassen, damit Sie dies nicht tun m\u00fcssen.<\/p>\n

Zus\u00e4tzliches Guthaben, wenn Sie Fotos hinzuf\u00fcgen k\u00f6nnen, entweder von Personen, die gute Dinge \u00fcber Sie sagen, oder von Ihrem Produkt in Aktion. Laut dem B2B-Marketingunternehmen Pardot ist “einer der \u00fcberzeugendsten Inhalte, die ein Verbraucher sehen wird, ein Testimonial oder eine Bewertung eines anderen Benutzers des Produkts.”<\/p>\n

7. Soziale Netzwerke<\/h2>\n

Fr\u00fcher war es \u00fcblich, dass Informationen aus sozialen Medien auf einer Info- oder Kontaktseite ausgeblendet wurden, aber nicht mehr. Es ist jetzt Standard, ihm einen herausragenden Platz auf Ihrer Homepage einzur\u00e4umen. Es gibt viele M\u00f6glichkeiten, dies zu tun, und sogar einige Widgets, die Sie verwenden k\u00f6nnen, wenn Sie nach verschiedenen Stilen suchen. Was auch immer Sie w\u00e4hlen, stellen Sie einfach sicher, dass sie sichtbar sind, damit sich die Leute leicht mit Ihnen verbinden k\u00f6nnen. Dies ist ein Bereich, in dem es sich nicht lohnt, originell zu sein. Die Leute kennen die “Standard” -Schaltfl\u00e4chen f\u00fcr soziale Medien, die Sie auf den meisten Websites sehen. Es ist daher ratsam, sich nicht zu weit von ihnen zu entfernen.<\/p>\n

8. Fu\u00dfzeile<\/h2>\n

Last but not least hilft die Fu\u00dfzeile, alles zusammenzubinden. Oft als “Inhaltsverzeichnis” f\u00fcr Ihre Website angesehen, ist dies ein guter Ort, um Ihre Kontaktinformationen, Datenschutz- oder R\u00fcckerstattungsrichtlinien oder andere wichtige Informationen, die m\u00f6glicherweise nicht so \u00fcberzeugend sind wie Sie, anzugeben. Wer hat Ihre Homepage sp\u00e4ter platziert<\/p>\n

Behandeln Sie die Fu\u00dfzeile dennoch nicht als Speicherauszug f\u00fcr alle Informationen, die Sie nicht an anderer Stelle ablegen m\u00f6chten. W\u00e4hlen Sie aus, was der Ausschnitt bewirkt, da Ihre Fu\u00dfzeile auch auf jeder Seite Ihrer Website angezeigt wird.<\/p>\n

Vergiss es nicht!<\/strong> Wenn Sie bereit sind, den Sprung zu wagen Ihr Unternehmen sollte wirklich einen eigenen Domainnamen und eine eigene E-Mail-Adresse haben<\/strong>. Richten Sie sie schnell und einfach mit einem ein JimdoPro<\/strong> oder JimdoBusiness<\/strong> erm\u00e4chtigen.<\/p>\n

Und da haben Sie es, eine Aufschl\u00fcsselung der wesentlichen Elemente einer erfolgreichen Business-Website. Auch hier gibt es viele M\u00f6glichkeiten, eine Site zusammenzustellen, aber dies ist zun\u00e4chst ein gutes Modell. Vermissen Sie etwas in dieser Liste, das Sie hinzuf\u00fcgen w\u00fcrden? Wir freuen uns immer, in den Kommentaren von Ihnen zu h\u00f6ren.<\/p>\n ","protected":false},"excerpt":{"rendered":"

F\u00fcr viele von uns bietet das neue Jahr eine Chance f\u00fcr ein neues Unternehmen, sei es ein gesch\u00e4ftliches, gemeinn\u00fctziges oder pers\u00f6nliches Projekt. Und Sie haben h\u00f6chstwahrscheinlich erkannt, dass eine Website ein wesentlicher Bestandteil dieser Vision ist. Aber irgendwo zwischen der Vision und dem Endergebnis kann es zu Fehlstarts kommen. Pers\u00f6nlich war die blo\u00dfe Auswahl an […]<\/p>\n","protected":false},"author":1,"featured_media":63008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/jimdo_anatomy_of_a_professional_website-1.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63007"}],"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=63007"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63007\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/63008"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=63007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=63007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=63007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}