Home › Tools › Meta & Open Graph Toolkit

Web & SEO

Meta tag & Open Graph toolkit

Write the title, description and sharing image for a page, see roughly how it will look in Google and when shared on Facebook, LinkedIn and X, and copy the finished tags. Already have a page? Paste its source and we’ll check what’s there.

Check an existing page: paste its HTML

Search result

Sharing (Open Graph)

Use a different title or description when shared
X (Twitter) and language options

Checks

    Preview

    An approximation. Google often rewrites titles and descriptions, and every platform changes its layout from time to time.

    Your tags

    
          
    Paste these inside the <head> of the page, replacing any existing title, description and og: tags so nothing is duplicated.
    
        
    

        
    🔒 Runs in your browser. If you add an image URL, your browser loads that image to preview it.
    

        
    
          
    What these tags do
    
          
    A handful of lines in a page’s <head> decide how it looks everywhere except on the page itself: in search results, in a Facebook or LinkedIn post, in a WhatsApp or Teams chat, and in a browser tab. None of them are visible on the page, so they’re easy to forget and easy to get wrong.
    
          
      
            
    • Title — the clickable headline in Google and the text on the browser tab. Put what the page is about first and your business name last. Google cuts titles off at roughly 600 pixels wide, which is usually 50 to 60 characters.
      • 
            
    • Meta description — the sentence or two under the headline. It doesn’t change rankings, but a good one earns more clicks. Around 150 to 160 characters fits on a desktop result.
      • 
            
    • Canonical URL — the one official address for the page, so search engines don’t treat http://, www and tracking-code versions as duplicates.
      • 
            
    • Open Graph tags (og:) — the title, description and image that Facebook, LinkedIn, WhatsApp, Slack, Teams and most other apps show when someone shares the link. X reads them too, plus its own twitter:card tag to choose the layout.
      • 
          
    
          
    The sharing image matters most. Without one, platforms either show no picture or grab whatever they find, often a logo cropped badly. 1,200 × 630 pixels is the size most platforms recommend; keep text and faces away from the edges, because each platform crops a little differently.
    

          
    
            
    Why can’t I just type in my page’s address?
    Browsers don’t let one website read another website’s pages, and this tool runs entirely in your browser. Pasting the page source gets the same result without anything passing through our servers. Open your page, press Ctrl+U (or ⌘+Option+U on a Mac) to view the source, select all, copy, and paste it into “Check an existing page”.
    
            
    I fixed my tags but Facebook or LinkedIn still shows the old preview. Why?
    Platforms cache link previews, sometimes for weeks. Ask them to read the page again with their own tools: Facebook’s Sharing Debugger and LinkedIn’s Post Inspector both have a button to fetch a fresh copy.
    
            
    Google shows a different title from the one I wrote. Is something wrong?
    Probably not. Google rewrites titles and descriptions it thinks don’t match the search, are too long, or are repeated across pages. Clear, specific, unique titles and descriptions for each page get rewritten less often.
    
            
    Do I need separate Twitter tags?
    Mostly no. X falls back to the Open Graph title, description and image, so the only X-specific tag you need is twitter:card, which picks the large-image or small-image layout. Add twitter:site if you want your X account credited.
    
            
    Should every page have its own title and description?
    Yes. Duplicate titles make pages compete with each other in search and look identical in results. Your home page, each service and each article should describe itself.
    
            
    Can you set this up across our whole site?
    Yes. Titles, descriptions, sharing images and structured data are part of every site we build or look after through web design, and we can tidy up an existing site page by page.
    
          
    
        
    

        
    
          
    Related tools
    
          
    
            Word & character counter →Count characters for any field with a limit.
            QR code generator →Put the page on flyers and signs.
            Slugify →Turn a page title into a clean URL.
            Web design →Sites built with search and sharing set up properly.
          
    
        
    
      
    
    
    
  
    

  

  
  

  
    
    
    
      
    
        
    AI workshops for teams
    
        
    Get your team confident with AI.
    
        
    Interactive half-day and full-day workshops in Copilot, Claude or ChatGPT, run at your office - in Sydney, or anywhere we can fly to.
    
      
    
      
    
        Book a workshop
        How the workshops run