Anatomie einer professionellen Website [Infographic]

Für viele von uns bietet das neue Jahr eine Chance für ein neues Unternehmen, sei es ein geschäftliches, gemeinnütziges oder persönliches Projekt. Und Sie haben höchstwahrscheinlich erkannt, dass eine Website ein wesentlicher Bestandteil dieser Vision ist.

Aber irgendwo zwischen der Vision und dem Endergebnis kann es zu Fehlstarts kommen. Persönlich war die bloße Auswahl an Vorlagen ausreichend, um mich beim Erstellen meiner eigenen Website zu stören. Fügen Sie Fotos, Widgets und Text hinzu. Bevor Sie es wissen, fühlt sich Ihre Homepage wie eine Mischung aus verschiedenen Elementen an.

Als Redakteur empfehle ich immer, dass die Leute eine Gliederung erstellen, bevor sie mit dem Schreiben beginnen. Gleiches gilt für Ihre Website. So wie ein guter Aufsatz eine These, eine Einführung und eine Schlussfolgerung enthält, enthält eine gute Website bestimmte Elemente.

Die Website von Jimdo, Marks & Hemment mit Sitz in Spanien ist ein gutes Beispiel für eine Tour. Anhand der Zürcher Vorlage wird auf der Website klar angegeben, was das Unternehmen ist, was es tut und wohin Sie als Kunde als Nächstes gehen sollten, um seine Website zu erkunden. Sehen Sie in der Infografik unten, wie sie es machen.::

(Laden Sie die Infografik herunter)

Natürlich gibt es keine Möglichkeit, Dinge zu erledigen – ein Teil des Spaßes beim Erstellen einer professionellen Website ist die Fähigkeit, kreativ zu sein. Aber wenn Sie sich festgefahren fühlen, empfehle ich Ihnen wirklich, dieses Modell auszuprobieren und zu prüfen, ob es für Sie und Ihre Benutzer funktioniert.

1. Header

Übertreiben 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ücklicherweise sind einfache Überschriften normalerweise am effektivsten. Wählen Sie ein auffälliges 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.

Hinweis: Wenn Sie kein Logo haben, stehen einige kostengünstige Optionen zur Verfügung. Wir empfehlen die Verwendung 99designsHier können Sie einen Logo-Wettbewerb sponsern und Beiträge von vielen verschiedenen Designern erhalten. Wenn Sie sofort etwas benötigen, können Sie auch ein vorgefertigtes Logo in Ihrem Logo-Shop kaufen und innerhalb von 24 Stunden anpassen lassen.

2. Navigation

Viele Menschen stolpern darüber, was sie in ihre Navigationsleiste einfügen sollen, gehen oft “Küchenspüle” vor und listen einfach jede Seite auf, die sie haben. Aber Navigationsmenüs funktionieren am besten, wenn sie klar und direkt sind und nur eine Zeile belegen. Die einfachen und übersichtlichen Navigationsleisten sehen nicht nur besser aus, sondern helfen auch bei Ihrer Suchmaschinenoptimierung (SEO).

Einige Vorlagen, wie z. B. Rio, eignen sich perfekt für die Anzeige eines großen Hintergrundbilds, eines Logos und einer einfachen, übersichtlichen Navigation. Weitere Beispiele finden Sie in unserem Beitrag zu den beliebtesten Website-Trends.

In einigen Fällen (z. B. für einen Online-Shop) möchten Sie möglicherweise spezifischere Unterseiten in Ihrer Hauptnavigation verwenden, und einige Vorlagen bieten Dropdown-Menüs, die hilfreich sein können. Aber anstatt nur zu versuchen, so viele Seiten in Ihre Navigation aufzunehmen, wie Sie für richtig halten, nehmen Sie sich Zeit, um wirklich über die wichtigsten Teile Ihrer Website nachzudenken. Nehmen Sie nur das Wesentliche in Ihre Top-Navigation auf.

3. Produkte und Dienstleistungen

Jede Website ist anders. Wenn Sie jedoch einige Hauptprodukte oder -dienstleistungen anbieten, sollten Sie diese klar und prägnant oben in Ihrem Inhaltsbereich beschreiben, wo sie am besten sichtbar sind. Wenn Sie einen Online-Shop haben, können Sie möglicherweise nicht alle Produkte direkt auf der Startseite anzeigen. Durch Auswahl Ihrer beliebtesten Artikel oder Ihrer wichtigsten Kategorien können Sie Heben Sie Ihre Hauptstärken hervor und bringen Sie Ihre Kunden dazu, mehr zu erfahren.

Angenommen, Sie sind kein Online-Shop, sondern ein Profi oder Freiberufler. Sie werden hier keine Produkte zeigen, aber Sie können über Ihre Hauptdienstleistungen oder Ihre Hauptstärken sprechen. Wie bei einem Aufzug, Sie haben nur wenige Sekunden Zeit, um Ihr Wertversprechen zu beschreiben. Wenn Sie also die Möglichkeit haben, Besucher zu beeindrucken oder zu interessieren, tun Sie dies hier. Was würden Sie in wenigen Sekunden präsentieren?

Hier ist eine weitere Beispielwebsite, die eine übersichtliche Kopfzeile, Navigation und zusätzliche Dienste enthält. Entdecken Sie die vollständige Website hier.

4. Aufruf zum Handeln

Die meisten Leute verlassen eine Website in 10-20 Sekunden. Ihr Ziel ist es, sie länger zu bleiben und zu erkunden. Hier kann ein guter “Aufruf zum Handeln” helfen. Sobald Sie das Interesse einer Person an Ihrer Überschrift, Ihren Produkten und Dienstleistungen geweckt haben, möchten Sie, dass diese Person auf Ihre Website klickt und mehr über Sie erfährt. Ein Link oder eine Schaltfläche hier mit einer aktiven und attraktiven Adresse (“Erfahren Sie mehr” oder “Ich möchte eine”) macht den Menschen genau klar, wohin sie gehen müssen, um zum nächsten Schritt zu gelangen. Hier sind einige weitere großartige Tipps zum Erstellen effektiver Handlungsaufforderungen.

5. Zusätzliche Informationen

So sehr Sie sich auf die wichtigsten Informationen konzentrieren möchten, es wird immer etwas mehr geben, das Sie sagen möchten. Wenn Sie möchten, können Sie weitere Details weiter unten auf Ihrer Homepage platzieren. Sie können diesen Bereich auch verwenden, um Fotos einzuschließen, die den Ton für Ihre Site bestimmen.

Denken Sie daran, dass die meisten Besucher nicht so weit nach unten scrollen und in diesem Fall höchstwahrscheinlich nach unten rutschen. Nur weil Sie den Platz haben, heißt das nicht, dass Sie ihn nutzen müssen. Einfache, kompakte Homepages können oft sehr effektiv sein.

6. Testimonials

So wie Social Media von persönlichen Empfehlungen lebt, leben auch Unternehmen davon. Kundenreferenzen verleihen Ihrer Website LegitimitätSie können auch helfen, indem Sie andere über Ihre Stärken sprechen lassen, damit Sie dies nicht tun müssen.

Zusätzliches Guthaben, wenn Sie Fotos hinzufügen können, entweder von Personen, die gute Dinge über Sie sagen, oder von Ihrem Produkt in Aktion. Laut dem B2B-Marketingunternehmen Pardot ist “einer der überzeugendsten Inhalte, die ein Verbraucher sehen wird, ein Testimonial oder eine Bewertung eines anderen Benutzers des Produkts.”

7. Soziale Netzwerke

Früher war es üblich, 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äumen. Es gibt viele Möglichkeiten, dies zu tun, und sogar einige Widgets, die Sie verwenden können, wenn Sie nach verschiedenen Stilen suchen. Was auch immer Sie wählen, stellen Sie einfach sicher, dass sie sichtbar sind, damit sich die Leute leicht mit Ihnen verbinden können. Dies ist ein Bereich, in dem es sich nicht lohnt, originell zu sein. Die Leute kennen die “Standard” -Schaltflächen für soziale Medien, die Sie auf den meisten Websites sehen. Es ist daher ratsam, sich nicht zu weit von ihnen zu entfernen.

8. Fußzeile

Last but not least hilft die Fußzeile, alles zusammenzubinden. Oft als “Inhaltsverzeichnis” für Ihre Website angesehen, ist dies ein guter Ort, um Ihre Kontaktinformationen, Datenschutz- oder Rückerstattungsrichtlinien oder andere wichtige Informationen, die möglicherweise nicht so überzeugend sind wie Sie, anzugeben. Wer hat Ihre Homepage später platziert

Behandeln Sie die Fußzeile dennoch nicht als Speicherauszug für alle Informationen, die Sie nicht an anderer Stelle ablegen möchten. Wählen Sie aus, was der Ausschnitt bewirkt, da Ihre Fußzeile auch auf jeder Seite Ihrer Website angezeigt wird.

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

Und da haben Sie es, eine Aufschlüsselung der wesentlichen Elemente einer erfolgreichen Business-Website. Auch hier gibt es viele Möglichkeiten, eine Site zusammenzustellen, aber dies ist zunächst ein gutes Modell. Vermissen Sie etwas in dieser Liste, das Sie hinzufügen würden? Wir freuen uns immer, in den Kommentaren von Ihnen zu hören.