KokoSEO

Meta Tag Preview & Generator

See your meta tags in Google and on social, then write new ones.

SERP & Appearance

Two things on one page. Up top, the preview: type a title and description or pull them straight from a published URL, then watch the result update instantly for desktop and mobile, complete with the pixel width where Google truncates — plus WhatsApp, Facebook, X, and LinkedIn cards built from your Open Graph tags. Enter a target keyword to see the bolding search results apply. Below, the generator: Basic mode writes what almost every page needs, Pro mode adds hreflang, article tags, site verification, icons, and advanced crawler directives. The output is ready to paste into your head.

Fill automatically from a page already published

Pull the title, description, favicon, and Open Graph tags from a URL, then change them to see what happens. This is the only part that uses quota.

Google bolds words that match the search.

For articles, Google puts this in front of the snippet.

Generator meta tag

Fill in the fields, then copy the tags assembled below into your page’s <head>. Everything is computed in your browser and uses no quota.

Basic mode prints charset, viewport, title, description, canonical, robots, Open Graph, and the Twitter card.

Basics

The first lines a search engine reads.

Not a ranking factor, but it is what decides whether anyone clicks.

The official address of this page. Must be complete, starting with https://, not a relative path.

Used for the lang attribute on the <html> tag, printed separately below.

Search engine crawlers

What Google is allowed to do with this page.

Open Graph

Used by Facebook, LinkedIn, WhatsApp, Telegram, Discord, and Slack when your link is shared.

An ordinary page: home, a category, anything static.

A full address, ideally 1200×630. This image does more than anything else to stop the scroll.

Twitter / X

X falls back to Open Graph when these are missing, but the card shape can only be set here.

Full-width image above the title. Needs an image of at least 300×157.

Pemeriksaan

  • The title is still empty. This is the one tag you cannot skip.
  • Without a meta description, Google writes its own snippet from the page content.
  • No canonical. A page reachable at several addresses will be treated as duplicates.
  • Without og:image, your link is shared as plain text with no picture.
  • A large-image card with no image falls back to the plain summary card.
  • og:site_name is empty, so your site name does not appear on the share card.

Hasil

<!-- Meta tags built with KokoSEO — https://kokoseo.com/tools/serp-preview -->
<!-- Paste inside <head>. Remove any existing title and description first so they are not duplicated. -->

<!-- Basics -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Search engine crawlers -->
<meta name="robots" content="index, follow" />

<!-- Open Graph — Facebook, LinkedIn, WhatsApp, Telegram -->
<meta property="og:type" content="website" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />

<!-- Installed it? Check the result at https://kokoseo.com/tools/meta-tag-analyzer -->

Satu lagi di luar <head>: pastikan tag pembuka halamanmu berbunyi <html lang="id">. A wrong lang attribute makes screen readers pronounce this page in the wrong accent.