![[JoyFreak] Set Open Graph Image](/data/resource_icons/12/12088.jpg?1723527208){kind=icon}
- XF 兼容性
- 2.2.x
- 摘要
- A step-by-step guide to setting your forum's open graph image using the first thread image. Add a conditional macro for cover images and include canonical URLs in Open Graph metadata for better SEO. Example provided for Gaming Forum.
This guide will help you to set your forum's open graph image. It will use the first image in your thread, whether linked directly or attached.
Open template: thread_view
Find:
Add below:
Find:
Add below:
Save.
Example at Gaming Forum
Open template: thread_view
Find:
代码：
<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />Add below:
HTML：
<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/>Find:
代码：
arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />Add below:
代码：
</xf:if>Save.
Example at Gaming Forum
![[cXF] Node icons with image](/data/resource_icons/21/21023.jpg?1720551794){kind=icon}
