---
title: "#meta-tags — seo-mcp"
description: "SEO tips tagged Meta Tags."
url: "https://seo-mcp.io/tag/meta-tags"
---

# #meta-tags

11 published tips tagged “Meta Tags”.

- [Generate social images with opengraph-image.tsx](https://seo-mcp.io/t/generate-social-images-with-opengraph-image-tsx) — The App Router reads opengraph-image files as social cards for each route. Export a small ImageResponse component that renders the title and brand, set size and contentType, and add route-level files where the default card is wrong. Confirm the rendered tags point at the generated image and that the image returns 200 with the expected dimensions.
- [Write unique title tags](https://seo-mcp.io/t/write-unique-title-tags) — The title element is the main input for the search result link, and Google rewrites vague or duplicated titles. Write one unique title per page, aim for 50 to 60 characters, front-load the distinguishing phrase and keep the brand short at the end. Audit duplicates before adding keywords.
- [Add canonical URLs with the Next.js Metadata API](https://seo-mcp.io/t/add-canonical-urls-with-the-next-js-metadata-api) — Next.js App Router resolves metadata per route, so each page can declare its own canonical URL instead of inheriting one global value. Set alternates.canonical in the page metadata export or generateMetadata, keep it absolute and self-referencing, and make sure template redirects and trailing-slash handling agree with the URL you declare.
- [Add html lang attribute](https://seo-mcp.io/t/add-html-lang-attribute) — The lang attribute on the html element tells browsers and assistive technology which language the page uses. Set it per locale, keep it accurate when content mixes languages, and make it match your hreflang values. A missing or wrong value breaks pronunciation, translation prompts and locale signals.
- [Use exactly one H1 per page](https://seo-mcp.io/t/use-exactly-one-h1-per-page) — Each page needs one H1 that names its topic. Multiple H1s usually come from logos or reused components that each include a heading. Audit rendered HTML, keep the H1 visible and near the main content, and let H2 and H3 carry the subsections. One H1 is a structure fix, not a ranking trick.
- [Set meta and canonicals with useSeoMeta](https://seo-mcp.io/t/set-meta-and-canonicals-with-useseometa) — Nuxt 3 resolves head tags per route through useSeoMeta and useHead. Set title, description, og and canonical in the page that owns the route, using an absolute URL built from runtimeConfig.public.siteUrl. Set the same origin in nuxt.config.ts so the sitemap module and prerender steps agree with it.
- [Add a meta viewport tag](https://seo-mcp.io/t/add-a-meta-viewport-tag) — The viewport meta tag tells mobile browsers to use the device width. Without it, pages render at a virtual desktop width and text becomes unreadable. Add width=device-width, initial-scale=1, do not disable zoom, and verify the tag is in the server response.
- [Add OG and Twitter cards](https://seo-mcp.io/t/add-og-and-twitter-cards) — Open Graph and Twitter card tags control how links render in feeds, chats and some assistants. Set og:title, og:description, og:url, og:type and an absolute og:image, plus twitter:card and matching fields. Generate them per page and make og:url equal the canonical.
- [Write unique titles and descriptions in Next.js](https://seo-mcp.io/t/write-unique-titles-and-descriptions-in-next-js) — Next.js resolves metadata from the page up to the layout, so a title set once in the root layout repeats on every route. Export a title and description per page, or generate them from record data in generateMetadata. Use title.template for the site suffix, keep descriptions unique, and verify the rendered HTML rather than the component source.
- [Write meta descriptions that earn clicks](https://seo-mcp.io/t/write-meta-descriptions-that-earn-clicks) — Meta descriptions do not rank pages but influence click-through. Write 120 to 160 characters that state what the page delivers, use the searcher's phrasing and include a concrete detail. Keep them unique, avoid quotes that truncate, and rewrite the pages with high impressions and low CTR first.
- [Build a keyword-targeted free tool page with on-page SEO](https://seo-mcp.io/t/build-a-keyword-targeted-free-tool-page-with-on-page-seo) — Create a small free tool aimed at a single keyword: no signup, result shown instantly, mobile-friendly layout, one call to action into the product. Then complete the page's on-page SEO with a keyword-led title, meta description, H1, an FAQ block, JSON-LD schema and internal links from relevant pages.