Client-SideNew

Meta Tag & OpenGraph Live Previewer

Generate and live-preview SEO meta tags and social media cards for Google Search, Twitter/X, Facebook, and LinkedIn.

Page Meta Configuration

63 / 60 characters
116 / 160 characters (Short (120-160 recommended))

Live Social & Search Preview

Yazılım Motoruhttps://yazilimmotoru.com

Yazılım Motoru - Ücretsiz Çevrimiçi Web ve Geliştirici Araçları

PDF düzenleme, görsel sıkıştırma, format dönüştürme ve geliştirici araçları. Tarayıcınızda hızlı ve güvenli çalışır.

Generated HTML <head> Snippet

<!-- Primary Meta Tags -->
<title>Yazılım Motoru - Ücretsiz Çevrimiçi Web ve Geliştirici Araçları</title>
<meta name="title" content="Yazılım Motoru - Ücretsiz Çevrimiçi Web ve Geliştirici Araçları">
<meta name="description" content="PDF düzenleme, görsel sıkıştırma, format dönüştürme ve geliştirici araçları. Tarayıcınızda hızlı ve güvenli çalışır.">
<meta name="robots" content="index, follow">
<meta name="author" content="Yazılım Motoru">
<link rel="canonical" href="https://yazilimmotoru.com">
<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yazilimmotoru.com">
<meta property="og:title" content="Yazılım Motoru - Ücretsiz Çevrimiçi Web ve Geliştirici Araçları">
<meta property="og:description" content="PDF düzenleme, görsel sıkıştırma, format dönüştürme ve geliştirici araçları. Tarayıcınızda hızlı ve güvenli çalışır.">
<meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop">
<meta property="og:site_name" content="Yazılım Motoru">
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://yazilimmotoru.com">
<meta name="twitter:title" content="Yazılım Motoru - Ücretsiz Çevrimiçi Web ve Geliştirici Araçları">
<meta name="twitter:description" content="PDF düzenleme, görsel sıkıştırma, format dönüştürme ve geliştirici araçları. Tarayıcınızda hızlı ve güvenli çalışır.">
<meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=1200&h=630&fit=crop">
<meta name="twitter:creator" content="@yazilimmotoru">
<meta name="twitter:site" content="@yazilimmotoru">

How to Generate Meta & OpenGraph Tags?

1
Step 1

Type your page title, meta description, and canonical URL.

2
Step 2

Provide an OpenGraph image link (1200x630 px recommended for crisp social cards).

3
Step 3

Toggle between Google Search, Twitter/X, and Facebook to inspect live card renderings.

4
Step 4

Copy the generated HTML snippet and paste it inside your website's <head> section.

Meta Tags & OpenGraph FAQ

What is OpenGraph (OG)?

OpenGraph is a metadata protocol introduced by Facebook that transforms shared web links into rich interactive social preview cards with titles, descriptions, and cover images.

What is the recommended title and description length?

Keep page titles under 60 characters and meta descriptions between 120 and 160 characters to prevent truncation in search engine snippets.