Homepage-Seite verlinken – Beitragsbild anzeigen in SM-Portalen – im html-Code definieren

Home/Aktuelles, Programmierung/Homepage-Seite verlinken – Beitragsbild anzeigen in SM-Portalen – im html-Code definieren

Homepage-Seite verlinken – Beitragsbild anzeigen in SM-Portalen – im html-Code definieren

Ein Beitrags- / Vorschaubild anzeigen beim Verlinken einer Homepage-Seite auf den Social-Media-Portalen:

In WordPress ist diese Aufgabe einfach zu lösen:
Auf der entsprechenden Seite oder im Beitrag wird ein Beitragsbild festgelegt.
Dieses wird angezeigt, sobald Sie Ihre Seite auf den SM-Portalen verlinken.

Aber wie geht das ausserhalb der Content-Management-Systeme ?

Im Head-Bereich Eurer Seite wird ein Meta-Tag angelegt, das wie folgt aussieht:

 <meta property="og:image" content="http://www.Website.de/Bildordner/Bildname.jpg" /> 

Diese Definition kann für jede Seite Ihrer Website gemacht werden,
entweder immer mit dem gleichen Foto, oder Sie verwenden für jede Seite ein spezifisches Bild.

Hier ein Beispiel aus XING, mein Beitrag zu einer neuen Website-Programmierung mit dem Vorschaubild aus der betroffenen Homepage.

Beitragsbild im SM-Link anzeigen

Und noch ein kleines Schmankerl zur allgemeinen Programmierung – für Fortgeschrittene:

Wie schaffe ich es, den html-Code in meiner Seite als solchen anzeigen zu lassen,
normalerweise wird er doch als Programmiercode interpretiert.

Mit dem pre-Tag kann ich Code-Beispiele in meine Seite einbauen:

  <pre> Codebeispiel </pre>

Wenn in meinem Codebeispiel Sonderzeichen vorkommen,
dann ersetze ich diese wie folgt:

< = &lt; or &#60;
> = &gt; or &#62;
/ = &#47;  	
] = &#93;
[ = &#91;
" = &quot; or &#34;
' = &#39;
“ = &ldquo; or &#8220;
” = &rdquo; or &#8220;
‘ = &lsquo; or &#8216;
’ = &rsquo; or &#8217;
& = &amp; or &#38;

Kontaktinformationen

Spitzsteinweg 1, 83075 Bad Feilnbach

Mobile: 0171 514 76 86

Web: blic-voraus