Sinnhaftigkeit von META-Angaben im HEAD bezüglich Suchmaschinenoptimierung

[HTML_go]

Hallo Rolf! 😀👍

Hallo HTML_go,

die diversen Meta haben alle einen Sinn. Ob sich eine SE dadurch bewegen lässt, SEO Spam zu vermuten, ist eine andere Frage.

Ja, wohl war …

meta charset

hätte ich als obsolet bezeichnet, weil UTF-8 der Default ist. Aber das W3C ist anderer Meinung → behalten

O.k., bleibt drin.

meta viewport

muss rein. Andernfalls gibt's Handy-Trouble.

Das war mir klar. 😀

meta description

Wird nicht nur von SE verwendet, sondern auch von Browsern, um den Infotext zu einem Bookmark zu erzeugen. Deswegen würde ich das drinlassen und so gestalten, dass es sich als Bookmark-Info eignet.

So etwa?

08    <meta name="description" content="KONTAKT e.V.,Sozialwerk,Prävention,Integration,Villingen-Schwenningen,gemeinnützig,soziale Arbeit mit Kindern u. Jugendlichen,Integration,sozial,Akzeptanz,christliche Werte,Krisenintervention,Förderung individueller Fähigkeiten,Sozialstunden,Workshop">

Habe mit diesem Tool https://zeichenzähler.de/de/?page=1&page_cc6=7 die Zeichen (ohne Leerzeichen, die habe ich weggelassen) gezählt; es sollten genau 250 Zeichen sein. Der Inhalt ist für eine "Description" (deutsch Beschreibung) hoffentlich passend? Alle Wörter sind den Homepageseiten entnommen, kommen also tatsächlich vor.

meta keywords

Kann von SE ausgewertet werden und wenn's zu viele Keywords gibt, die mit dem Seiteninhalt nichts zu tun haben, könnte es eine SEO Strafe geben. Ob sich außer den SE noch jemand für die Keywords interessiert, weiß ich nicht. Ein Dokumentenmanagementsystem, das zu doof ist, den Seiteninhalt zu parsen, könnte auf meta keywords angewiesen sein. Google ist definitiv nicht zu doof. Andere... hm.

Da ich nur Stichwörter angegeben habe (jetzt überarbeitet / erweitert, da keine Zeichenbegrenzung im Wiki hinterlegt), die auch tatsächlich auf den Seiten der Homepage zu finden sind, sollte also auch das bestehen bleiben können. Sieht jetzt so aus:

09    <meta name="keywords" content="Über uns,KONTAKT, Villingen-Schwenningen e.V., soziale Arbeit, sozial,Sozialwerk für Prävention und Integration, Kids Live, Lights On, Kinder, Jugendliche, Arbeit mit Jugendlichen, Arbeit mit Kindern, Integration, Suchtprävention, Gemeinnützigkeit, Akzeptanz, Anerkennung, andere Kulturen, präventive Freizeitangebote, sinnvolle Freizeitgestaltung, Angebote, Malkurse, Workshops, Ableistung von Sozialstunden, Förderung, individuelle Fähigkeiten, Ressourcen junger Menschen, Kids Live, Lights ON">

meta author

Hier gilt im Prinzip das Gleiche wie für keywords. Sinnhafter Inhalt dürfte keine SEO Strafe erzeugen

Ok. Bleibt die Frage, wie ich hinterlegen kann, dass dieses Forum und das Wiki sehr hilfreich waren? Vielleicht besser einen Link mit <a href> hinterlegen? Sieht derzeit so aus:

10    <meta name="author" content="Holger Hönle | mit Hilfe von Forum und Wiki von: https://selfhtml.org">

meta robots

Dieser Eintrag ist für SE relevant. Deiner aber nicht, siehe Selfwiki

Wieso nicht? Der Artikel beschreibt doch eigentlich die gegensätzliche Situation …

meta revisit-after

Wird von WhatWG als „Good Luck Charm“ bezeichnet. Wenn Du also deiner Seite eine Hasenpfote als Talisman anhängen willst… dann bedenke auch, wieviel Glück sie dem Hasen gebracht hat.

Na dann – diese Art von "Hasenglück" will ich lieber nicht bemühen! Ich verzichte! Ich brauche meine "Pfote" noch. 😁

link rel=apple-touch-icon

Wird von iOS für's favicon gebraucht. Alle Neune, leider. Und andere (Chrome auf Android) gucken auch danach.

link rel=icon

Wird vom Rest der Welt für's favicon gebraucht.

O.k. Das war mir auch bewusst. Im Wiki ist ja auch der Link zum Favicon-Ersteller: https://wiki.selfhtml.org/wiki/Favicon#praktische_Vorgehensweise, nämlich: https://realfavicongenerator.net/. Da kann man sowohl die "normalen" Icons (Android, Apple und auch MS) in einem gezippten Ordner erstellen lassen (und den HTML-Code, den man im HEAD einfügen muss, kopieren.

meta name=msapplication...

Schmeiß weg. Sie sind für den IE10 auf Windows 8 Tables relevant. Mausetot. Für IE11 auf Win 8.1 braucht man bereits was anderes: browserconfig.xml. Auch mausetot.

Tut ja aber auch nicht weh, wenn die eine Zeile bleibt, oder? Die frisst kein Heu. 😁 Ist halt immer in den gezippten Ordnern des Favicon-Erstellers (siehe oben) mit enthalten …

link rel=manifest

Echt jetzt? Du willt eine PWA (Progressive Web App) schreiben? Die brauchen das, um sie offline installieren zu können. Eine reine Online-App braucht keins. Glaub ich jedenfalls.

Na ja, auch die ist im ZIP-Ordner (siehe oben) enthalten. Kann ich natürlich auch (mitsamt dem MS-Application-Icon) löschen …

meta name=theme-color

Kaaaann man machen, muss man aber nicht. Und wenn, dann nicht stumpf "weiß". Relevant ist das unter Chrome (nur in PWAs), sowie in Safari und Chrome für Android, um die Bedienelemente des Browsers passend zur Seite einzufärben. D.h. da muss eine Farbe rein, die zu Dir passt, und du brauchst zwei davon, mit media-query für light und dark mode (media="(prefers-color-scheme:light)" und media="(prefers-color-scheme:dark)"), wenn deine Seite im Dark Mode anders aussieht als im hellen Modus. Es könnte einfacher sein, diese Einstellung als unnötigen Schnickschnack wegzulassen.

O.k. Das scheint mir auch einfacher. Meinst Du, die Browser passen sich dann automatisch daran an (heller oder dunkler Modus)? Oder soll ich mir doch noch die Mühe machen, das korrekt und vollständig (auf meine Seite abgestimmt) mit anzugeben?

Rolf

Vielen Dank Rolf, für die sehr konstruktive Kritik und vielleicht ein erneutes Feedback für die noch offenen Fragen. Hast Du sehr gut "aufgedröselt"! 👍

Holger