Und wieder mal: die sozialen Bilder

[stobi_de]

Morgen!
Ich habe einen sonderbaren Effekt mit den sozialen Bildern.
In der neuen Seite hier https://www.siolas-beauceron.de hatte ich zunächst dieses quadratische Socaial-Share Bild eingebaut
https://www.siolas-beauceron.de/social-share.png

Das Ergebnis in Facebook war dann recht doof

@Tommy: was hast Du gemacht, damit Dein Bild in Facebook quadratisch angezeigt wird?

Das korrekte Bild ist doch das OG-image?
<meta property="og:image" content="https://www.siolas-beauceron.de/facebook-pic.png" />

[Tommy Herrmann]

Moin,

Deine Links sind gesperrt:

Locked

The requested resource is currently locked. The lock must be released or proper identification given before the method can be applied.

... welches meiner Bilder meinst Du und welches wird quadratisch angezeigt? Dieses vielleicht:

Das ist das "Social-Sharing" Bild, das ich bei Mobirise eingefügt habe:

... und bewusst verkleinert habe, auf:

200px x 141px

damit eben nicht so ein willkührlicher Ausschnitt verwendet wird - aber dennoch eben nicht quadratisch. Offensichtlich nimmt dann Facebook die Höhe als Richtlinie und schneidet die Breite ab.

https://www.mobirise-tutorials.com/Tuto ... y-meta.jpg



... auch dieses Social-Sharing Bild ist klein gemacht auf 200 x 194 Pixel:

... damit eben nicht so ein willkürlicher Ausschnitt verwendet wird - aber dennoch eben nicht quadratisch. Offensichtlich nimmt dann Facebook die Höhe als Richtlinie und schneidet die Breite ab.

Mach mal den Hundekopf auf 200 x 200 Pixel und füge dieses Bild dann in den Seiteneinstellungen von Mobirise ein (nicht als eigenes META).

[stobi_de]

Immer noch gesperrt?
Habe mit IONOS telefoniert, sowas kann passieren nach einem Umzug, aber sonderbarerweise nicht flächendeckend. Ich hatte den Effekt für 10 Minuten.
Die Seite war bis heute morgen bei All-Incl.
Aber bei einem Mailabsender von All-Incl werden die Mails von Gmail und Co immer als Spam abgelehnt.
Da darf man dann mit irgendwelchen Server-Records rumhantieren - und dazu hatte ich keine Lust weil sowas nie bezahlt wird.

Hier im Debugger kann man die Darstellung in Facebook testen
https://developers.facebook.com/tools/d ... auceron.de
Aber scheinbar braucht Facebook selbst viel länger, um sich zu aktualisieren.

Bleibt noch die Frage, welches Bild wird in Whatsapp genutzt?

[Tommy Herrmann]

... und wie groß ist das Bild jetzt?


Für WhatsApp musst Du auf der Seite diese Links und META-Tags einsetzen, dann wird das Bild mit gesendet. Beim Teilen auch an alle anderen, auch als Lesezeichen am Handy usw.:

Code: Alles auswählen

<link rel="shortcut icon" href="logo-mobirise-tutorials.png" type="image/x-icon">
<link rel="apple-touch-icon" href="https://www.mobirise-tutorials.com/apple-touch-icon-precomposed.png"/>

<meta property="og:url"                content="https://www.mobirise-tutorials.com/Forum/" />
<meta property="og:title"              content="Mobirise-Tutorials Forum" />
<meta property="og:site_name"          content="Mobirise Forum" />
<meta property="og:description"        content="Mobirise-Tutorials Forum in Deutsch. Forum und Tutorials von Tommy Herrmann." />
<meta property="og:type"               content="article" />
<meta property="og:image"              content="https://www.mobirise-tutorials.com/assets/images/logo-mobirise-250x250.png" />

Das habe ich zum Beispiel auch hier im "head" vom Forum stehen. Wenn Du dieses Forum mit WhatsApp teilst wird dann mein Buch-Logo mit erscheinen:

[stobi_de]

Sorry, bin noch nicht dazu gekommen, mit dem Bilder weiter zu testen...