{"id":1426,"date":"2023-02-11T09:24:32","date_gmt":"2023-02-11T08:24:32","guid":{"rendered":"https:\/\/wp-news.de\/?p=1426"},"modified":"2023-02-11T10:04:08","modified_gmt":"2023-02-11T09:04:08","slug":"was-ist-ein-header","status":"publish","type":"post","link":"https:\/\/wp-news.de\/glossar\/was-ist-ein-header\/","title":{"rendered":"Was ist ein Header?"},"content":{"rendered":"

[vc_row][vc_column width=“1\/1″][vc_column_text uncode_shortcode_id=“212773″]Die Webseite ist ein sehr wertvoller Ort, an dem es am besten w\u00e4re, Informationen einzuf\u00fcgen, die so gut durchdacht, gezielt und pr\u00e4zise wie m\u00f6glich sind.<\/p>\n

Eine Webseite besteht aus mehreren Abschnitten, der ein Header (oberer Teil der Webseite), dem Hauptteil (Hauptteil der Website, wo sich der Inhalt befindet) und der Footer<\/a> (letzter Teil der Webseite, wo sich normalerweise die Unternehmensdaten, die Mehrwertsteuernummer und das Copyright befinden).<\/p>\n

Heute m\u00f6chte ich mit dir \u00fcber den Header, den Kopf der Website, sprechen.<\/p>\n

Was ist der Header eine Webseite?<\/h2>\n

Der Header ist die \u00dcberschrift einer Webseite, der oberste Teil, der Teil, der Dir zuerst erscheint.<\/p>\n

Im Internet sieht man alle Arten von Header, Header, die nur das Logo und das Men\u00fc<\/a> enthalten, Header mit allen m\u00f6glichen Informationen.<\/p>\n

Es gibt keine genaue Regel, aber nach meiner Erfahrung sind einige Informationen in der Kopfzeile unerl\u00e4sslich. Denke\u00a0 daran, dass dieser Bereich der Website der erste Teil ist, den der Benutzer sieht, mache das Beste daraus.<\/p>\n

Welche Informationen sollte der Header einer Webseite enthalten?<\/h2>\n

Logo<\/h3>\n

Ich wei\u00df, es ist selbstverst\u00e4ndlich, das Logo ist obligatorisch und sehr wichtig, geben wir dem Logo oder unserem Namen den richtigen Platz, die Leute werden sich auch deswegen an uns erinnern. Hebe dein Logo hervor.<\/p>\n

Dein Kontakt<\/h3>\n

Um wirklich vollst\u00e4ndig zu sein, muss dein Header deine Kontakte enthalten.<\/p>\n

Du brauchst\u00a0 keine riesigen Header, die den halben Bildschirm einnimmt, aber eine kleine obere Leiste, in der deine Kontaktdaten stehen, ist meiner Meinung nach sehr wichtig.<\/p>\n

Es kann vorkommen, dass ein Nutzer dich bereits kennt und dich einfach nur kontaktieren m\u00f6chte. Warum gibst du dann nicht gleich die Telefonnummer an, damit er dich nicht auf der Website suchen muss? Helfen wir ihm!<\/p>\n

Soziale Links<\/h3>\n

F\u00fcge kleine Symbole ein, die auf deine sozialen Profile verweisen.<\/p>\n

Men\u00fc<\/h3>\n

Dies ist ebenfalls obligatorisch. Klar geschrieben, gut organisiert und leicht zu lesen. Ich mag keine Websites, die in der Desktop-Version ein Hamburger-Men\u00fc haben, das einen zwingt, mehr zu klicken als erwartet.<\/p>\n

Ich bevorzuge ein erweitertes Men\u00fc, wie das, das du hier auf meiner Website sehen, aus zwei einfachen Gr\u00fcnden:<\/p>\n

Der Nutzer hat eine klare Vorstellung davon, was er auf deiner Website finden kann
\nes wird vermieden, einen oder mehrere unn\u00f6tige Klicks zu machen.
\nJe einfacher die Website zu navigieren ist, desto besser. Deshalb empfehle ich dir, dein Men\u00fc ganz oben zu platzieren (Sticky-Men\u00fc), damit der Benutzer es beim Surfen auf deiner Website immer im Blick hat.<\/p>\n

Breadcrumb<\/h3>\n

Breadcrumb sind wichtig, damit der Benutzer wei\u00df, wo er sich auf der Website befindet. Sie sind f\u00fcr eine Website mit vielen Seiten, Rubriken und Kategorien wirklich unerl\u00e4sslich. Ich empfehle sie allen, die eine zug\u00e4ngliche Website haben m\u00f6chten.<\/p>\n

Tag-Zeile<\/h3>\n

Wenn du eine kurze, sehr kurze Beschreibung deine T\u00e4tigkeit einf\u00fcgst, wird der Nutzer sofort verstehen, wer du bist und was du tust.<\/p>\n

Bild<\/h3>\n

Stelle auf der Startseite ein Bild von dir oder etwas, das dich repr\u00e4sentiert, ein. Wenn deine Website pers\u00f6nlich ist, kannst du ein eigenes Bild anstelle eines Archivbildes verwenden, das oft kalt und unpers\u00f6nlich wirkt. Wenn es sich bei deiner Website um eine Unternehmenswebsite handelt, kannst du ein Bild platzieren, das die T\u00e4tigkeit deines Unternehmens oder die von ihm erbrachten Dienstleistungen darstellt.<\/p>\n

Aufruf zum Handeln<\/h3>\n

Meiner Meinung nach obligatorisch. Schreibe in wenigen Zeilen, wer du bist, was du anbietest und fordere deine Besucher zu einer Aktion auf. Kontaktieren Sie mich, sehen Sie sich meine Arbeiten an, abonnieren Sie meinen Newsletter. W\u00e4hlen Sie die Aktion, die der Benutzer ausf\u00fchren soll, je nach dem Ziel, das Sie erreichen wollen. Schaffen Sie Interaktion mit deinen Besuchern, versuchen Sie, mit dir in Kontakt zu treten, um sie in zuk\u00fcnftige Initiativen einzubeziehen.<\/p>\n

Dies sind die Elemente, die ich f\u00fcr wirklich wichtig halte und die ein Header haben sollte, aber einige dieser Daten sollten aus Platzgr\u00fcnden nicht in den „mobilen“ Versionen deiner Website erscheinen.
\nWie du sicher wei\u00dft, sollten Websites heute alle responsive sein, d. h. von jedem station\u00e4ren oder mobilen Ger\u00e4t, also Smartphones, Tablets und PCs, korrekt angezeigt werden.
\nAus offensichtlichen Platzgr\u00fcnden k\u00f6nnen wir nicht alle oben aufgef\u00fchrten Informationen aufnehmen, da die Kopfzeile sonst den gesamten Bildschirm deines Smartphones einnehmen w\u00fcrde.
\nAus diesem Grund m\u00fcssen viele der oben genannten Informationen versteckt werden.
\nF\u00fcr die Kopfzeile der Website in der mobilen Version w\u00fcrde ich das Logo und das Men\u00fc (in diesem Fall einen Hamburger) beibehalten und unten rechts auf der Seite eine Schaltfl\u00e4che f\u00fcr die Kontaktaufnahme einf\u00fcgen (diese k\u00f6nnte z. B. \u00fcber whastapp oder deiner E-Mail mit deinem Telefon verbunden werden).
\nDas Men\u00fc sollte nat\u00fcrlich mit der Seite flie\u00dfen und jederzeit und in jeder Position, in der sich der Benutzer befindet, pr\u00e4sent sein.<\/p>\n

Und das war’s!<\/p>\n

Wenn du Kl\u00e4rungsbedarf hast, einen Rat brauchen oder mich etwas fragen willst, hinterlassen einen Kommentar oder schreibe mir![\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column width=“1\/1″][vc_column_text uncode_shortcode_id=“212773″]Die Webseite ist ein sehr wertvoller Ort, an dem es am besten w\u00e4re, Informationen einzuf\u00fcgen, die so gut […]<\/p>\n","protected":false},"author":5,"featured_media":1429,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-1426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-glossar"],"_links":{"self":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts\/1426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/comments?post=1426"}],"version-history":[{"count":0,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts\/1426\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/media\/1429"}],"wp:attachment":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/media?parent=1426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/categories?post=1426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/tags?post=1426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}