HTML: Meta Tags wie richtig einstellen?

cyberpirate · 11. März 2024

Moin,

ich möchte für eine Webseite mit Meta Tags erstellen:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="robots" content="all" />
<meta name="keywords" content="'pc-service', 'pc-home-service ', 'pc probleme', 'pc hilfe', 'computer probleme', 'computer service', 'Windows 11'," />
<meta name="description" content="PC-Service. Auf diesen Seiten erhalten Sie Informationen zu meinem PC.Service." />
<meta name="copyright" content="Mein Name" />
<meta name="author" content="Mein Name" />
<meta name="page-topic" content="Dienstleistung, Computer, PC, Service," />
<meta name="page-type" content="HTML Seite, Hilfe, Service, Computer, PC" />
<meta name="language" content="DE" />
<meta name="geo.region" content="DE-NI" />
<meta name="geo.placename" content="mein Ort" />

Ich habe diese bisher nach dem Komma mit einem Apostroph gesetzt. Richtig so? Oder nur mit Anführungszeichen oder nur ein Komma da zwischen?

2.te Frage: Wie viele Keywords sind eigentlich pro Seite sinnvoll? zb bei PC Service fallen mir da echt viele ein.

MfG

SaxnPaule · 11. März 2024

LMGTFY:
1.) https://www.google.com/search?q=met...=EgZjaHJvbWUyBggAEEUYOdIBCDQ5NThqMGo0qAIAsAIA

2.) https://www.google.com/search?q=max...=EgZjaHJvbWUyBggAEEUYOdIBCDI5ODlqMGo3qAIAsAIA

Ergänzend: Warum man meta-keywords nicht mehr nutzen sollte

NameHere · 11. März 2024

cyberpirate schrieb:
2.te Frage: Wie viele Keywords sind eigentlich pro Seite sinnvoll? zb bei PC Service fallen mir da echt viele ein.

Content is King! Keywords sind uninteressant und es zählt nur der Inhalt (Text). Die "keywords" die du meinst sollten sich in den Texten auf der Webseite finden. Am besten sinnvolle und inhaltvolle Texte.

pseudopseudonym · 11. März 2024

Du solltest vielleicht noch gucken, dass dir Vorschau auf (Socialmedia-)Plattformen und in Messengern gut aussieht:
https://metatags.io/?url=Computerbase.de

cyberpirate · 11. März 2024

NameHere schrieb:
Content is King! Keywords sind uninteressant und es zählt nur der Inhalt (Text). Die "keywords" die du meinst sollten sich in den Texten auf der Webseite finden. Am besten sinnvolle und inhaltvolle Texte.

Ja das weiß ich noch von früher. Aber meine Farge wurde noch nicht beantwortet. Ist das setzen der Apostroph richtig oder falsch? Nur ein Komma?

Ergänzung (11. März 2024)

pseudopseudonym schrieb:
Du solltest vielleicht nich gucken, dass dir Vorschau auf (Socialmedia-)Plattformen und in Messengern gut aussieht:
https://metatags.io/?url=Computerbase.de

Guter Tipp. Schaue Ich mir auch an.

SaxnPaule · 11. März 2024

Ich habe dir doch sogar schon einen Google Link zurecht gelegt. Da drückst du dann auf den ersten Treffer und hast deine Antwort.

cyberpirate · 11. März 2024

Nun hat mir nicht geholfen da sind tausend Ergebnisse. Wenn Du eine persönlich Antwort geben magst wie und was richtig ist wäre das toll. So hilft es mir leider nicht weiter.

NameHere · 11. März 2024

cyberpirate schrieb:
Ja das weiß ich noch von früher. Aber meine Farge wurde noch nicht beantwortet. Ist das setzen der Apostroph richtig oder falsch? Nur ein Komma?

Du hast von @SaxnPaule den passenden Link gekriegt. Abgesehen davon schau dir einfach den Quelltext von Computerbase an.

Code:

<!doctype html>
<html lang="de" class="snigel-layout">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="color-scheme" content="light dark">
    <title>ComputerBase</title>
    <link rel="stylesheet" href="/css/main.216cacbc.css">
    <noscript><link rel="stylesheet" href="/css/noscript.72226d26.css"></noscript>
    <link rel="preload" href="/fonts/cbsans/cbsans-regular.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/cbsans/cbsans-bold.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="modulepreload" href="/js/main.bc547ccd.js" as="script">
    <link rel="preconnect" href="https://pics.computerbase.de">
    <link rel="preconnect" href="https://cdn.snigelweb.com">
    <link rel="canonical" href="https://www.computerbase.de/">
    <link rel="alternate" href="/rss/news.xml" type="application/atom+xml" title="ComputerBase">
    <link rel="manifest" href="/manifest.json">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <link rel="search" type="application/opensearchdescription+xml" title="ComputerBase" href="/plugins/suche/computerbase.xml">
    <meta name="application-name" content="ComputerBase">
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#2c5b9c">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#121212">
    <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta name="description" content="Unabhängiges Tech-Magazin. News und Tests zu Smartphones, Tablets, PC-Hardware, Software und IT. Große technikaffine Community hilft im Forum.">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    <meta property="og:type" content="website">
    <meta property="og:title" content="ComputerBase">
    <meta property="og:description" content="Unabhängiges Tech-Magazin. News und Tests zu Smartphones, Tablets, PC-Hardware, Software und IT. Große technikaffine Community hilft im Forum.">
    <meta property="og:url" content="https://www.computerbase.de/">
    <meta property="og:image" content="https://www.computerbase.de/img/logo-opengraph.png">
    <meta property="fb:app_id" content="117693574960551">
    <meta property="og:site_name" content="ComputerBase">
    <meta property="og:locale" content="de_DE">
</head>

netzgestaltung · 11. März 2024

mach einfach

<meta name="keywords" content="pc-service,pc-home-service,pc probleme,pc hilfe,computer probleme,computer service,Windows 11" />

und fertig, oder lass ihn weg, weil nicht mehr benötigt.
Es fehlen halt ein paar dinge wie opengraph oder auch der viewport meta-tag.

cyberpirate · 11. März 2024

netzgestaltung schrieb:
Es fehlen halt ein paar dinge wie opengraph oder auch der viewport meta-tag.

Wie und wo soll das hin kommen? Muss Ich auch erstmal recherchieren.

netzgestaltung · 11. März 2024

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
https://ogp.me/

cyberpirate · 11. März 2024

NameHere schrieb:
Du hast von @SaxnPaule den passenden Link gekriegt. Abgesehen davon schau dir einfach den Quelltext von Computerbase an.

Danke bin gerade dabei es zu lesen. So langsam sehe Ich das klarer. Metatag Keywords sind mir jetzt klar wie man schreibt. Sind ja auch unwichtig wie es scheint. Wichtiger sind dann also die Metatag Content. Werde ich da eher verbessern und bei den Keywords nur noich eingeschränkt was einfügen.

NameHere · 11. März 2024

Wichtig ist das du es selbst nachvollziehen kannst für deine persönliche Lernkurve.

Würde dein Code später hier nochmal prüfen.
https://validator.w3.org/

einfach direkt den Code reinkopieren
https://validator.w3.org/#validate_by_input

cyberpirate · 11. März 2024

NameHere schrieb:
Wichtig ist das du es selbst nachvollziehen kannst für deine persönliche Lernkurve.

Ja das hat es schon. Hat mir jetzt schon gut weiter geholfen.

NameHere schrieb:
Würde dein Code später hier nochmal prüfen.
https://validator.w3.org/

einfach direkt den Code reinkopieren
https://validator.w3.org/#validate_by_input

Super Vielen DANK! Das werde ich dann abschließend auch erledigen.

Suche

HTML: Meta Tags wie richtig einstellen?

cyberpirate

Fleet Admiral

SaxnPaule

Admiral

NameHere

Admiral

pseudopseudonym

Admiral

cyberpirate

Fleet Admiral

SaxnPaule

Admiral

cyberpirate

Fleet Admiral

NameHere

Admiral

netzgestaltung

Captain

cyberpirate

Fleet Admiral

netzgestaltung

Captain

cyberpirate

Fleet Admiral

NameHere

Admiral

cyberpirate

Fleet Admiral

Ähnliche Themen