What metadata is
Metadata is information in the page code that describes the page. Visitors may not see every element on the page itself, but browsers, search engines, social platforms, and audit tools can read it.
The three pieces covered here are the title tag, the meta description, and social-preview tags. They do not force rankings, but they give different systems a clearer preferred label or summary.
Each element has a separate job. The HTML title element labels the document and may influence a search title link. The meta name="description" element suggests a search snippet. Open Graph tags describe a link preview on supporting platforms. All three should match the real page.
Meta descriptions
A meta description suggests a summary for search results. Google may instead build a snippet from visible page content when that better matches the query. There is no fixed character limit, although snippets are truncated to fit the search result and device.
A strong description summarizes the page's distinct value in plain language. Avoid vague fog like "Welcome to our website, where we provide quality solutions." That tells no one what the page actually offers.
How to fix metadata by platform
| Platform | Where to start |
|---|---|
| WordPress | Use the page editor, theme settings, or an SEO plugin. WordPress.com also documents built-in SEO controls and meta description guidance: WordPress SEO support. |
| Shopify | Open the product, collection, blog post, or page and edit the search engine listing. Shopify documents title and meta description editing here: Shopify SEO fields. |
| Wix | Use page SEO settings or default SEO patterns. Start with Wix default SEO settings. |
| Squarespace | Use page settings and SEO descriptions. Squarespace documents SEO descriptions here: Squarespace SEO descriptions. |
| Webflow | Open page settings and edit title and meta description. See Webflow title and meta description docs. |
| GoDaddy Website Builder | Use page settings and the Get Found on Google tools where available. GoDaddy summarizes its builder SEO controls here: GoDaddy SEO guide. |
| HubSpot CMS | Use the content editor SEO recommendations and page settings. Start with HubSpot SEO recommendations. |
| Duda | Use the SEO/AEO panel and page/site settings. Duda documents site SEO/AEO settings here: Duda SEO/AEO settings. |
| Framer | Use page SEO settings and migration/metadata controls. See Framer's SEO migration checklist: Framer SEO migration checklist. |
| Joomla | Edit article and menu metadata. Joomla documents article metadata here: Joomla article metadata. |
| Drupal | Use the Metatag module or site-specific metadata configuration. |
How to fix metadata on static/custom sites
On static or custom sites, edit the <head> section of the page. A basic setup looks like this:
<title>SEO Services, Static Websites & Managed Hosting in Maine</title>
<meta name="description" content="Technical SEO services, static website development, managed hosting, schema optimization, and custom SEO tools.">
<link rel="canonical" href="https://example.com/services/">
<meta property="og:title" content="SEO Services, Static Websites & Managed Hosting in Maine">
<meta property="og:description" content="Practical SEO and website support for small businesses.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/services/">After changing metadata, test the page, inspect the source, and re-run the scan. Search results may take time to update.
Official platform references
For exact menu names and platform-specific controls, start with the official docs: WordPress, Shopify, Wix, Squarespace, Webflow, HubSpot, Duda, GoDaddy, Framer, Joomla, and Drupal.
Fix the Metadata That Matches the Symptom
Use the relevant guide for search labels, snippets, or social previews. Run a scan when you need to confirm which element is missing, repeated, or mismatched.
Run a Scan
Open Graph and social previews
Open Graph tags help control how a page appears when shared on Facebook, LinkedIn, Slack, and other platforms. The usual tags are
og:title,og:description,og:type,og:url, andog:image.Social previews are not a core ranking lever, but they support trust and click clarity. If someone shares your page and it looks broken, incomplete, or unlabeled, that is a small trust leak.