<!-- Basic SEO --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="en-US">
Enter the page title and description in the form, then fill the URL and social image fields you intend to publish. Review the generated markup before copying it into the head of your page. The example below shows the title element produced from a short title; additional selected metadata appears alongside it. Check that all URLs refer to your own public page and intended image.
Use the preview to catch obvious truncation or missing content, then inspect the real page after adding the tags. This generator does not upload changes to your site or request reindexing from a search engine. Search results and social platforms can choose another presentation or retain cached metadata. Avoid putting private information in these fields because the resulting tags are intended to be publicly readable.
Title input: Ada Notes
Generated markup excerpt:
<title>Ada Notes</title>
Enter the title, description, page URL, and social image information, then copy the generated markup into your pageβs head. Review the preview and inspect the published HTML afterward. This form generates tags; it does not update your website automatically, submit an indexing request, or guarantee which title or image another platform will display.
Google displays up to ~60 characters for titles (600px width) and 150-160 characters for descriptions before truncating. Keep titles under 60 characters and descriptions between 150-160 characters for optimal display. Include your primary keyword near the beginning of both.
Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other platforms that use the OG protocol. Without OG tags, social platforms use their own scraping heuristics which often produces poor previews. Always add OG tags for any page you want to look good when shared socially.
Twitter has its own meta tag system (Twitter Cards) because it predates the OG standard. Twitter Cards support unique card types like summary_large_image (large header image), player (embedded video), and app (app install prompt). If Twitter Card tags are not present, Twitter falls back to OG tags.