VibeHubYour Vibe Coding Guide
TermsPracticeAI SlopSkill
⌕
Oil
›Page Metadata

Page Metadata

You might say

Check what this page shows in the tab, search snippet, shared link, and install entry separately.

Information about a page that is read outside its visible body·Page metadata lives in the document head and is read separately by browsers, search systems, sharing platforms, or install surfaces. It is not one completion switch; inspect the relevant field and rendered result for each consumer.
Know first
HTMLTitle Tag
Further reading
The meta elementWHATWG HTML Standard ↗<meta>: The metadata elementMDN ↗Control your snippets in search resultsGoogle Search Central ↗
oil
01oil 欧呦oiloil.org02GitHub@oil-oil03Xx.com/I_am_oil_oil04REDXiaohongshuoil on Xiaohongshu05Emailzhihuang.oiloil@gmail.comTerm suggestionsSubmit a suggestion
Who reads information from one head
<head>
1&lt;title&gt;Refund guide&lt;/title&gt;
2&lt;meta name="description" content="…"&gt;
3&lt;meta property="og:image" content="…"&gt;
4&lt;link rel="manifest" href="/manifest.json"&gt;
→
BrowserTab: Refund guide

“Metadata is done” is not a test result; verify the fields used by each consumer.

How page metadata divides the job

Head fields produce different results: The title affects the browser tab, a description may help form a search snippet, Open Graph fields feed a link preview, and a Manifest describes an install entry. They relate to the body but are not body content.

Verify each consumer's actual result: Ask who reads a field, then check the field, resource URL, and final presentation. A correct one only proves that its corresponding consumer received usable information.

It is not one universal configuration table

Page Metadata is the broad category; it does not replace Title Tag, Open Graph, or Web App Manifest. A missing share image needs share fields, while a wrong installed launch path needs the Manifest.

Quick checkChoose the best answer

The browser tab title is correct, but a shared link has no image. Where should you look first?

You can say this to an AI Agent

“

List this page's metadata separately for the browser tab, search snippet, shared link, and install entry, and add only the missing field for each consumer. Verify with page source, search output, and a real share preview; do not treat metadata as one indivisible completion flag.

Learn next
1Open Graph→2Web App Manifest→