To unfurl or provide previews of text content, you can include metadata in your HTML or webpage. Here are some commonly used metadata elements that can help with unfurling and previews:
<meta property="og:title" content="Page Title">
: Specifies the title of the page for social media sharing and previews.<meta property="og:description" content="Page Description">
: Provides a short description or summary of the page's content for social media sharing and previews.<meta property="og:image" content="image_url">
: Specifies an image URL representing the page content for social media sharing and previews.<meta name="description" content="Page Description">
: Provides a brief description or summary of the page's content for search engine previews.<meta name="keywords" content="keyword1, keyword2, keyword3">
: Lists relevant keywords related to the page's content for search engine previews.<meta name="author" content="Author Name">
: Specifies the author's name for search engine previews and metadata.
These metadata elements are part of Open Graph protocol (og) and are widely supported by social media platforms and search engines. Including these metadata elements in your HTML can enhance the unfurling and preview experience when sharing your content on various platforms.
Additionally, make sure to set appropriate <title>
and <body>
tags to further improve the unfurling and preview experience.
Remember that different platforms and services may have specific requirements for unfurling and previews. You can refer to their documentation for more details on the metadata elements they support and the requirements for effective unfurling and previews.
It's worth noting that unfurling and previews are ultimately dependent on how the platform or application processing the shared URL consumes and displays the metadata provided.