Head.Seo

https://developers.facebook.com/docs/sharing/opengraph

This module encapsulates some of the best practices for SEO for your site.

elm-pages pre-renders the HTML for your pages (either at build-time or server-render time) so that web crawlers can efficiently and accurately process it. The functions in this module are for use with the head function in your Route modules to help you build up a set of <meta> tags that includes common meta tags used for rich link previews, namely OpenGraph tags and Twitter card tags.

import Date
import Head
import Head.Seo as Seo


-- justinmimbs/date package
type alias ArticleMetadata =
    { title : String
    , description : String
    , published : Date
    , author : Data.Author.Author
    }

head : ArticleMetadata -> List Head.Tag
head articleMetadata =
    Seo.summaryLarge
        { canonicalUrlOverride = Nothing
        , siteName = "elm-pages"
        , image =
            { url = Pages.images.icon
            , alt = articleMetadata.description
            , dimensions = Nothing
            , mimeType = Nothing
            }
        , description = articleMetadata.description
        , locale = Nothing
        , title = articleMetadata.title
        }
        |> Seo.article
            { tags = []
            , section = Nothing
            , publishedTime = Just (Date.toIsoString articleMetadata.published)
            , modifiedTime = Nothing
            , expirationTime = Nothing
            }