Zum Inhalt springen

tt_news - Thumbnail (Vorschaubild) - Facebook

Erstellt am 19. Oktober 2012 · 4 Antworten · letzte Antwort am 25. September 2013

Tags: SEO, tt_news, TYPO3 4, Frage

icke_der_tolga ·

Typo3 4.6.8
tt_news 3.2.1

Hallo,

ich habe versucht mit der Anleitung von http://www.interaktionsdesigner.de/2012/02/07/facebook-vorschaubilder-und-typo3/ im Header ein Thumbnail-Bild einzufügen im Header der News-Seite.

Das soll so funktionieren, dass man erstmal im Header ein allgemeines Bild für die Seite festlegt.

page.headerData.20 = TEXT
page.headerData.20.value = http://meine-domain.de/fileadmin/template/img/logo.png
page.headerData.20.wrap = <img rel="image_src" href="|" />

Danach wird dieses Bild mit dem entsprechenden tt_news-Bild gewrappt.

page.headerData.20 = RECORDS
page.headerData.20 {
    source = {GPvar:tx_ttnews|tt_news}
    source.insertData = 1
    tables = tt_news
    conf.tt_news >
    conf.tt_news = TEXT
    conf.tt_news.field = image
    conf.tt_news.split {
        token = ,
        cObjNum = 1
        returnKey = 0
    }
    conf.tt_news.wrap = http://meine-domain.de/uploads/pics/|
}

Jedoch wrappt der Code den Header-Part so, dass er leer ist und wie folgt im Source-Code ausschaut.

<img rel="image_src" href="" alt="" />

Was mache ich falsch? Über Hilfe würde ich mich freuen.
LG,
Tolga

icke_der_tolga ·

Super geht!

Ich weiß zwar noch nicht warum Facebook das Bild trotz richtigem Code nicht anzeigt. Aber das ist wohl ein anderes Prolem. 🙂

<img rel="image_src"...
icke_der_tolga ·

So ich habe das Problem gelöst. Facebook hat im Header gerne noch folgende Information:

<meta property="og:image" content="http://seite.de/img/facebook.jpeg" />

Also macht man als fauler Mensch einfach folgendes ergänzend zum obigen Code und ebenfalls statt GPvar GP sowas:

page.headerData.30 = TEXT
page.headerData.30.value = http://seite.de/img/facebook.jpeg
page.headerData.30.wrap = <meta property="og:image" content="|" />

page.headerData.30 = RECORDS
page.headerData.30 {
    source = {GP:tx_ttnews|tt_news}
    source.insertData = 1
    tables = tt_news
    conf.tt_news >
    conf.tt_news = TEXT
    conf.tt_news.field = image
    conf.tt_news.split {
        token = ,
        cObjNum = 1
        returnKey = 0
    }
    conf.tt_news.wrap = http://seite.de/uploads/pics/|
}

Viel Spaß mit dem tt_news Thumbnail! 🙂