Freshwater Fishing Guide

--- title: "Article HTML Tags · HTML Tag Collections · zhead" canonical_url: "https://zhead.dev/collection/article" last_updated: "2026-08-13T08:00:02.593Z" meta: description: "Page, Open Graph, and social preview metadata for an article." "og:description": "Page, Open Graph, and social preview metadata for an article." "og:title": "Article HTML Tags · HTML Tag Collections · zhead" --- HTML tag collections # Article Page, Open Graph, and social preview metadata for an article. Describe the page first, then add Open Graph article fields for publication dates, authors, section, and tags. These fields shape compatible link previews; they do not guarantee search visibility. ## Get started ``` Freshwater Fishing Guide | River Notes ``` ## Explanation ### title Names the document in browser tabs, history, bookmarks, and often search results. The element accepts text only. ``` Freshwater Fishing Guide | River Notes ``` Uses a specific topic and a short site name. ### [description](https://zhead.dev/meta/description) name Summarizes the page for directories and search engines. Google may use it as a search result snippet when it describes the page better than the visible content does. ``` ``` Specific details tell the reader what the recipe covers. ### [og:type](https://zhead.dev/meta/og-type) property Sets the Open Graph object type. It is one of the four required basic properties, and some types require extra metadata. ``` ``` The defined type for an article page. ### [og:title](https://zhead.dev/meta/og-title) property Provides the title of the Open Graph object. It is one of the four required basic properties. ``` ``` Names the topic and intended reader. ### [og:description](https://zhead.dev/meta/og-description) property Provides a one or two sentence description of the Open Graph object. ``` ``` Explains the subject in one specific sentence. ### [og:url](https://zhead.dev/meta/og-url) property Provides the canonical URL used as the object’s permanent identifier. It is one of the four required basic properties. ``` ``` An absolute, canonical page URL. ### [og:site\_name](https://zhead.dev/meta/og-site-name) property Provides the name of the larger website that contains this object, such as IMDb. ``` ``` A concise name for the overall website. ### [og:locale](https://zhead.dev/meta/og-locale) property Sets the locale of the Open Graph metadata in language\_TERRITORY form. The default is en\_US. ``` ``` English as used in the United States. ### [og:image](https://zhead.dev/meta/og-image) property Provides the URL of an image that represents the Open Graph object. It is one of the four required basic properties. ``` ``` An absolute URL to a representative image. ### [og:image:width](https://zhead.dev/meta/og-image-width) property Provides the width, in pixels, of the preceding og:image resource. ``` ``` Declares an image that is 1200 pixels wide. ### [og:image:height](https://zhead.dev/meta/og-image-height) property Provides the height, in pixels, of the preceding og:image resource. ``` ``` Declares an image that is 600 pixels high. ### [og:image:alt](https://zhead.dev/meta/og-image-alt) property Describes what appears in the preceding og:image. It is a description, not a caption. ``` ``` States the visible subject and action. ### [article:published\_time](https://zhead.dev/meta/article-published-time) property Records when an article was first published. Use it with og:type set to article. ``` ``` A publication time expressed in UTC. ### [article:modified\_time](https://zhead.dev/meta/article-modified-time) property Records when an article was last changed. Open Graph defines the value as an ISO 8601 datetime. ``` ``` A complete UTC timestamp that parsers can read consistently. ### [article:author](https://zhead.dev/meta/article-author) property Links an article to one or more author profiles. The value is a URL, and you can repeat the property for multiple authors. ``` ``` Points to John Doe’s profile page. ### [article:section](https://zhead.dev/meta/article-section) property Names the high-level section that contains an article, such as Technology or Culture. ``` ``` A clear section name used across a publication. ### [article:tag](https://zhead.dev/meta/article-tag) property Adds a tag word or phrase associated with an article. Repeat the property to provide more than one tag. ``` ``` A specific topic assigned to the article. ### [twitter:card](https://zhead.dev/meta/twitter-card) name Selects the X Card format for a page. The metadata still uses the twitter: prefix. ``` ``` A defined card type for a preview with a large image. ### [twitter:creator](https://zhead.dev/meta/twitter-creator) name Attributes the page’s content to an X account using its @handle. The metadata name retains the twitter: prefix. ``` ``` A creator handle with the required @ prefix. ### [twitter:site](https://zhead.dev/meta/twitter-site) name Attributes the website or publication to an X account using its @handle. The metadata name retains the twitter: prefix. ``` ``` A site handle with the required @ prefix. ### [twitter:image](https://zhead.dev/meta/twitter-image) name Provides the image URL used in an X Card link preview. The metadata name retains the twitter: prefix. ``` ``` An absolute URL to a public image. ### [twitter:image:alt](https://zhead.dev/meta/twitter-image-alt) name Describes the image in twitter:image for people who cannot see it. The metadata name retains the twitter: prefix. ``` ``` Names the main subjects and setting. ### [twitter:title](https://zhead.dev/meta/twitter-title) name Provides the title used in an X Card link preview. The metadata name retains the twitter: prefix. ``` ``` Names the topic of the page directly. ### [twitter:description](https://zhead.dev/meta/twitter-description) name Provides the description used in an X Card link preview. The metadata name retains the twitter: prefix. ``` ``` Explains the subject in one specific sentence. ### [twitter:label1](https://zhead.dev/meta/twitter-label1) name Unsupported legacy Product Card field for the first custom label. X no longer supports Product Cards or publishes this field in its developer documentation. ``` ``` A historical custom label in a field X no longer supports. ### [twitter:data1](https://zhead.dev/meta/twitter-data1) name Unsupported legacy Product Card field for the first custom value. X no longer supports Product Cards or publishes this field in its developer documentation. ``` ``` A historical custom value in a field X no longer supports. ### [twitter:label2](https://zhead.dev/meta/twitter-label2) name Unsupported legacy Product Card field for the second custom label. X no longer supports Product Cards or publishes this field in its developer documentation. ``` ``` A historical custom label in a field X no longer supports. ### [twitter:data2](https://zhead.dev/meta/twitter-data2) name Unsupported legacy Product Card field for the second custom value. X no longer supports Product Cards or publishes this field in its developer documentation. ``` ``` A historical custom value in a field X no longer supports. ## More collections Start with the closest collection, then trim it to match your page. [

Essentials

](https://zhead.dev/collection/essential) [

SEO Starter

](https://zhead.dev/collection/seo) [

Social Preview

](https://zhead.dev/collection/social-share) [

Icons & Colors

](https://zhead.dev/collection/icons) [

PWA

](https://zhead.dev/collection/pwa)