{namespace llb=Lucidlab\HandynamicSkin\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<v:variable.set name="ogTitle" value="{item.title -> f:format.raw()}" />
<v:variable.set name="ogDesc" value="{item.short -> f:format.stripTags()}" />

<f:if condition="{item->metaTitle}">
    <v:variable.set name="ogTitle" value="{item.metaTitle -> f:format.raw()}" />
</f:if>

<f:if condition="{item->metaDesc}">
    <v:variable.set name="ogDesc" value="{item.metaDesc -> f:format.stripTags()}" />
</f:if>
<llb:format.nothing>
    <llb:metaTag property="og:title" content="{ogTitle}" />
    <llb:metaTag property="og:type" content="{settings.opengraph.type}" />
    <llb:metaTag property="og:url" content="" useCurrentDomain="1" />
    <llb:metaTag property="og:site_name" content="{settings.opengraph.site_name}" />
    <f:if condition="{item.image}">
        <llb:metaTag
                property="og:image"
                content="{f:uri.image(src:'{item.image.uid}', treatIdAsReference:1, maxWidth:'500')}"
                forceAbsoluteUrl="1" />
        <llb:metaTag property="og:image:width" content="{llb:imageSize(property:'width')}" />
        <llb:metaTag property="og:image:height" content="{llb:imageSize(property:'height')}" />
    </f:if>
    <llb:metaTag name="description" content="{ogDesc}" />
    <llb:metaTag property="og:description" content="{ogDesc}" />
    <f:if condition="{settings.opengraph.twitter.site}">
        <llb:metaTag name="twitter:card" content="{settings.opengraph.twitter.card}" />
        <llb:metaTag name="twitter:site" content="{settings.opengraph.twitter.site}" />
        <llb:metaTag name="twitter:creator" content="{settings.opengraph.twitter.creator}" />
    </f:if>
</llb:format.nothing>