Meta-Tag-Generator

Ein Meta Tag Generator baut den HTML-Block auf, der im <head> einer Seite lebt und Suchmaschinen und sozialen Netzwerken sagt, wie Ihre Seite angezeigt wird Sie füllen einmal einen Titel, eine Beschreibung, ein Bild und ein paar andere Felder aus, und das Tool gibt korrekt formatierte Meta-Tags aus - Standard-SEO-Tags, Open Graph-Tags für Facebook und LinkedIn sowie Twitter-Karten-Tags - die Sie direkt in Ihre Vorlage einfügen Kein Handtippen von sich wiederholender Eigenschaft mehr= "og:.." Zeilen oder Vergessen des Twitter: Karten-Tags.

Diese Tags richtig zu machen, ist wichtig, weil sie Ihren Suchausschnitt und Ihre Linkvorschauen steuern. Das <title> und die Meta-Beschreibung prägen, wie Ihr Ergebnis in Google aussieht; Der Titel, die Beschreibung und das Bild von Open Graph entscheiden darüber, wie ein gemeinsam genutzter Link in einem sozialen Feed aussieht. Dieser Generator hält alle drei über einen einzigen Satz von Eingaben synchron, markiert Titel und Beschreibungen, die über die Länge der Suchmaschinen hinausgehen Anzeige und kann einen passenden JSON-LD-Block für strukturierte Daten hinzufügen.

Alles läuft clientseitig Die von Ihnen eingegebenen URLs, Kopier - und Bildlinks werden nie hochgeladen, sodass Sie Tags für unveröffentlichte Seiten oder interne Tools privat vorbereiten können Der Generator arbeitet offline, sobald er geladen ist, und die Ausgabe ist einfaches HTML, das Sie besitzen - kopieren Sie es, lassen Sie es in Ihr Framework fallen und versenden Sie es.

Drei Details erklären die meisten defekten Vorschauen. Open Graph Bild-URLs müssen absolut sein, einschließlich des Schemas, da der Crawler, der sie abruft, keinen Seitenkontext hat, gegen den ein relativer Pfad aufgelöst werden kann. Twitter fällt für alles, wofür es kein Twitter-Tag hat, auf Open Graph zurück, sodass ein vollständiger Og-Satz plus Kartentyp beide Plattformen abdeckt und das Duplizieren jedes Werts unnötig ist. Und Vorschauen werden von jeder Plattform aggressiv zwischengespeichert, sodass ein fester Tag erst angezeigt wird, wenn Sie die URL im eigenen Debugging-Tool dieser Plattform erneut scrappen. Die Längenwarnungen spiegeln wider, wo Google statt einer festen Grenze gekürzt wird: Eine längere Beschreibung ist gültig und wird einfach gekürzt, und der Speicherplatz wird der Titel verschwendet.

Als Meta-Tag-Titelgenerator verwendet, zeigt es das Längenproblem beim Eingeben an Geben Sie Handmade Oak Desks for Small Rooms ein, Built to Order in Massivholz und Öl als Seitentitel und der Zähler wird rot bei 72/60, mit einer Warnung, dass der Titel möglicherweise gekürzt wird Schneiden Sie es auf Handmade Oak Desks for Small Rooms und der Zähler liest 34/60, die Warnung löscht sich, und derselbe Text landet im Titel, og:title Tags. Ein Feld speist die Suche, Open Graph und Twitter Ausgabe, was ein Meta-Tag-Generator für SEO tun sollte.