Page Title

# Chapter 1 ## Getting Started ### Add Open Graph meta tags to any website ## Create a connection 1. Sign in to [OpenGraph+](/content/site-root.html) 2. Go to your website’s **Meta Tags** page 3. Create a new connection and copy your connection URL Your connection URL looks like `https://$OGPLUS_KEY.ogplus.net`. ## Add all Open Graph meta tags Add the following to your page’s `` tag: ``` ``` Replace `https://$OGPLUS_KEY.ogplus.net` with your actual connection URL. Replace `/about` with the path of each page. ### Tag reference | Tag | Value | |------------------|-------------------------------------------------------------------| | `og:title` | The title of the page as it should appear when shared | | `og:description` | A brief summary of the page content | | `og:url` | The canonical URL of the page | | `og:site_name` | Your website or brand name | | `og:type` | `website` for general pages, `article` for blog posts | | `og:image` | Your OpenGraph+ connection URL + page path | | `twitter:card` | Always `summary_large_image` for large preview cards | ## Dynamic websites If your site uses a server-side language, use it to output all tags dynamically. ### PHP ``` ``` ### Node.js / Express ``` ``` ### Python / Flask ``` ``` ## Static websites For static HTML files, hardcode all tags for each page: ``` ``` ## Verify Open the preview tool in your OpenGraph+ dashboard and paste a URL from your site. View your page source and confirm all Open Graph meta tags are present with correct values.