Skip to content
Seitensicht
Tools & navigation

Create meta tags

The information in your page header determines how it appears in search results and when shared. Fill in the fields above and copy the finished code below, with a preview of how Google may display it.

The title, description and preview image of a website are transferred to a source code module.

How it works

Your information will become meta tags

  1. Enter title and description
  2. Check the preview
  3. Add the meta tags to your page header

The essentials

Your title and description decide whether people click your result. Everything else is secondary.

Used for the canonical URL and preview.

Social sharing preview

What WhatsApp, Facebook, LinkedIn and others display when someone shares your link.

1200 × 630 pixels. Some networks will not display smaller images.

Other

The default generates no tag because it is already the normal behaviour.

Still required: Title, Description, Page URL, Preview image.

For your page’s <head> · 17 rows · 541 B
<!-- Essentials -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Icons -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

<!-- Social media and messaging previews -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_GB">

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary">

What is consciously missing

Meta keywords. Google has not used this tag since 2009, and Bing even treats it as a spam signal. Yet many online templates still include it.

Also omitted: revisit-after, Distribution, Ratings and similar tags from the 1990s. No search engine reads them; they simply make the header longer.

What matters

Your title is a promise. “Home” tells visitors very little. What they will find and where you are determines whether they click. Google displays roughly 60 characters before truncating the title.

The description does not affect rankings but it does affect how many people click. If it is missing, Google assembles its own snippet from the page, often from the middle of a sentence.

The preview image needs to be 1200 × 630 pixels. Some networks do not display smaller images; others crop them in the centre. The generated code includes the dimensions so networks can reserve the space and avoid layout shifts.

You create symbols in the Favicon generator ; to check the actual values on your page, use the Website check .

Other tools

From ‘For search engines” and related categories. Free, with no sign-up.

A search result card is measured with a ruler; an excessively long line of text ends at the visible edge.

SERP preview

Preview your title and description as Google displays them, measured in pixels rather than characters.

Open tool An article, a product and a company are combined into ordered data modules.

Create schema markup

Create JSON-LD structured data for businesses, articles, products and events.

Open tool A rule file controls open and blocked paths of a website bot.

Create robots.txt

Build rules with a few clicks, including restrictions on AI crawlers.

Open tool A stack of individual website addresses becomes an ordered map of connected pages.

Create a sitemap

Paste URLs or scan your website, then download the finished XML file.

Open tool Website building blocks, colors and module positions are assembled into a finished page template.

Joomla template generator

Customise 62 templates by industry and layout, adjust colours and module positions, and download a ready-to-install ZIP for Joomla 4 and 5.

Open tool A content card becomes a QR code on a display that a smartphone scans.

Create a QR code

Create sixteen QR content types with your logo and colours, as PNG, SVG or print-ready PDF.

Open tool