TYPO pagelink / typolink with OpenGraph image

typolink-page.html

<v:page.info pageUid="{pageUid}" as="page">
    {v:resource.record.fal(table: 'pages', field: 'og_image', record: page) -> v:iterator.first() ->
    v:variable.set(name: 'ogImage')}
    <f:variable name="crop">{ogImage.crop -> v:format.json.decode()}</f:variable>
    <f:link.typolink parameter="{page.uid}" class="{f:if(condition: page.current, then: ' current')}" title="{page.title}">
        <f:if condition="{ogImage}">
            <figure>
                <f:image src="{ogImage.uid}" treatIdAsReference="1" cropVariant="feature" maxWidth="364" maxHeight="364" />
            </figure>
        </f:if>
        <span>{page.title}</span>
    </f:link.typolink>
</v:page.info>