<div class="iframely-link">
    <div>
        <a href="{embed.canonical.meta}" target="_blank" rel="nofollow">

            <!-- IF embed.links.icon.length -->
            <!-- BEGIN embed.links.icon -->
            <!-- IF @first -->
            <img src="{../href}" class="thumb pull-left" />
            <!-- ENDIF @first -->
            <!-- END embed.links.icon -->
            <!-- ENDIF embed.links.icon.length -->

            {embed.meta.title}
        </a>
    </div>
</div>
<div class="iframely-link">
    <div>
        <a href="{embed.meta.canonical}" target="_blank" rel="nofollow">

            <!-- IF embed.links.icon.length -->
            <!-- BEGIN embed.links.icon -->
            <!-- IF @first -->
            <img src="{../href}" class="thumb pull-left" />
            <!-- ENDIF @first -->
            <!-- END embed.links.icon -->
            <!-- ENDIF embed.links.icon.length -->

            {embed.meta.title}
        </a>
    </div>
</div>

Switch the order of meta and canonical
Switch the order of meta and canonical

Changed the order of meta and canonical to stop links from breaking!