Fill in the four fields and the finished markup builds itself below, ready to copy into your page. The counters next to the title and description tell you when you are inside the length Google will actually show — and when you have gone past it.
It writes the title and description search engines read, plus the Open Graph and Twitter Card tags that decide what your link looks like when somebody shares it.
The pattern that performs for local businesses is what you do + where you do it + who you are. “Kitchen Cabinet Web Design in Canton, GA | Ahmet Tasdemir” reads naturally, contains the search terms, and fits in the space. What does not work is a title that says “Home” or “Welcome to Our Website” — the single most common fault I find when auditing small-business sites.
Every page needs its own. Duplicated titles tell a search engine those pages are interchangeable, so it picks one and quietly ignores the rest.
Say the thing the searcher is worried about. Someone looking for a plumber is worried about how fast you can get there; someone looking for a web designer is worried about price and about being locked out of their own site. Answer that in the first eight words, then give a reason to act. Avoid keyword stuffing — Google rewrites descriptions it finds unhelpful, and a keyword salad guarantees it.
Use 1200 by 630 pixels. Smaller and it renders as a thumbnail beside the text instead of a full-width card. Give the URL in full, starting with https:// and your domain — relative paths do not work here, because the social network fetches the image from outside your site. If a page has no natural photograph, a clean graphic with the page title on it still beats no image by a wide margin. The colour palette generator will give you the brand colours for it.
Inside <head>, above the closing tag. Remove any existing title or description first, or you will have two of each and the browser uses whichever it sees first.
If you use an SEO plugin, do not paste this into the theme header — the plugin adds its own and you get duplicates. Copy the text into the plugin’s fields on the page editor instead.
Put the block in your layout as a section each view fills, so every page supplies its own values rather than inheriting one generic set.
Once the tags are live, run the page through the free website audit — it checks exactly these tags and confirms within seconds that they are being served. For the social card specifically, use each network’s own sharing debugger, which also clears their cached copy of your page.