Wenn Sie einen Link zu einer Website in Facebook posten (Google+ und die übrigen zählen auch), erhalten Sie ein Thumbnail oder eine Auswahl von Thumbnails zur Auswahl. Dies sind Tags aus dem HTML.
Ich war immer der Meinung, dass es eine gute Übung war, mein Logo mit CSS in ein h1-Tag zu verwandeln. Ich mache den h1-Tag einen Link zurück auf die Homepage und verstecke den Header-Text mit etwas wie {text-indent: -9999px} und hinterlasse einen schönen semantischen HTML-Header. Hier ist ein Link zu meiner Website, wenn Sie einen Blick darauf werfen möchten: Ссылка
Das Problem dabei ist, dass es als Hintergrundbild übersehen wird.
Wäre es eine gute Idee, zu diesem Zweck oben im HTML-Code eine benutzerdefinierte Nachricht zu posten und sie neben der Seite auszublenden? Ich weiß nicht, scheint ein bisschen chaotisch. Ich könnte das Tag einfach in die h1 einfügen, aber das Logo wäre nicht die richtige Form, da es für einen bestimmten Zweck entworfen wurde.
Vielleicht gibt es ein Meta-Tag für diesen Zweck oder vielleicht gibt es eine Technik, um FB zu zwingen, ein bestimmtes Bild zu ziehen, das nicht normal geladen wird? Hat jemand irgendwelche Ideen oder Top-Tipps dafür?
Ja, Sie können ein Meta-Tag festlegen, damit Facebook weiß, welches Bild ausgewählt werden soll.
Siehe: Ссылка
Insbesondere ist es die og:image -Eigenschaft, und es wird dem Link-Sharing-Skript von Facebook mitgeteilt, dieses Bild als Thumbnail zu wählen.
Denken Sie jedoch daran, dass Facebook ein wenig zwischenspeichert. Wenn Sie also den Link bereits geteilt haben, bleibt er bei der Verwendung des älteren Bildes möglicherweise immer noch "hängen".
Sie können sehen, was Facebook aus Ihrer Website herauskommt, indem Sie die Facebook URL Linter verwenden. Siehe: Ссылка (Die Verwendung der URL Linter wird auch den Cache von Facebook wiederherstellen)
Es gibt ein Meta-Tag, um der Anwendung (wie FB) mitzuteilen, dass ein bestimmtes Bild erstellt werden soll, anstatt dass der Benutzer ein Bild auswählen soll.
%Vor%Für Facebook gibt es auch eine andere Möglichkeit, dies zu erreichen, indem Sie das Open Graph-Protokoll verwenden.
Sie müssen Ihre Website für die Verwendung von og: Tags vorbereiten, indem Sie den og-Namespace in Ihr html-Tag einfügen:
%Vor%Dann kannst du og: Meta-Tags wie folgt verwenden:
%Vor%Für Facebook werden diese sechs og Meta-Tags benötigt:
Sie finden weitere Informationen und mehr unter: Ссылка
Was ist, wenn du ein IMG magst, aber in css put
? %Vor%Das Bild wird nicht auf der Seite angezeigt, aber ich weiß nicht, ob Facebook das Bild sehen würde
Wie bereits gesagt: Am besten wäre es, den Metatag mit der Eigenschaft og:image opengraph zu verwenden.
Außerdem: Facebook ist nicht die einzige Plattform, die die opengraph Metatags verwendet. Auch Google+ oder Xing bevorzugen es. Ich bin mir nicht sicher über andere ...
Tags und Links html css image semantic-markup social-media