Aşağıdaki işlemleri yaparak konularımızdaki ilk görseli og:image ve twitter:image meta etiketi olarak atayabiliriz.

Not: Proxy etkinken tam olarak doğru işlemiyor, etiketteki görsel URL'sini direkt "/proxy" ile başlatıyor, etiketin robotlar tarafından okunabilirliği açısından etki etmiyor olabilir net yorum yapamayacağım ancak attachment ve harici URL'den eklemelerde gayet düzgün çalışıyor.

İşlemler

Kullandığımız temanın thread_view şablonunu açıyor ve şu kodları buluyoruz:

<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />

Hemen altına şunları ekliyoruz:

<xf:if is="$thread.cover_image">
<xf:macro template="metadata_macros" name="metadata"
    arg-description="{$fpSnippet}"
    arg-shareUrl="{{ link('canonical:threads', $thread) }}"
    arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}"
    arg-imageUrl="{$thread.cover_image}" />
<xf:else/>

Ardından şu kodları buluyoruz:

arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />

Hemen altına ekliyoruz:

</xf:if>

Şablonu kaydediyoruz. Bu işlemlerin ardından konulara eklenen ilk görsel (ister harici URL'den eklensin, ister attachment olarak) og:image ve twitter:image etiketi için kullanılacaktır.

Örnek ekran görüntüleri

Altta gördüğünüz gibi attachment olarak eklediğim görseli og:image ve twitter:image etiketleri için kullandı. Üstte söylediğim gibi harici linklerden eklenen görsellerde de sorunsuz çalışıyor.


Proxy etkinken de durum şöyle oluyor:


Bu halde etiketin robotlar tarafından okunabilirliği ne durumda bilmiyorum, bileniniz varsa yorum yapıp hepimizi bilgilendirebilir.

İyi çalışmalar.