Blog
Custom Print on Demand Apparel — Free Storefront for Your Business
Wild & Free Tools

Meta Tags for WordPress & Websites — Platform Setup Guide

Last updated: April 20268 min readSEO Tools

You know you need meta tags. The question is where exactly they go on your specific platform. WordPress, Shopify, static HTML, YouTube, and social media each handle metadata differently. This guide walks through every platform step by step — from installing a plugin to editing raw HTML.

WordPress: Yoast SEO vs Rank Math

WordPress does not have built-in meta tag fields for SEO. You need a plugin. The two dominant options:

FeatureYoast SEO (Free)Rank Math (Free)
Title tag editor✓ Yes✓ Yes
Meta description editor✓ Yes✓ Yes
Open Graph tags✓ Yes (Social tab)✓ Yes (Social tab)
Twitter Card tags✓ Yes✓ Yes
Canonical URL✓ Yes (Advanced tab)✓ Yes
Robots meta (noindex)✓ Yes (Advanced tab)✓ Yes
Schema markupLimited in free✓ Rich in free version
Keyword tracking✓ 1 focus keyword free✓ 5 focus keywords free
Readability analysis✓ Yes✓ Yes
Redirect manager$99/yr Premium only✓ Free
User base~12 million sites~3 million sites
Stability✓ Battle-tested since 2010✓ Reliable, newer

Both work. If you are starting fresh and want more features for free, Rank Math gives you more out of the box. If you want the most widely documented, Yoast has a larger community and more tutorials available.

WordPress — Step by Step (Yoast SEO)

  1. Install Yoast SEO: Go to Plugins, Add New, search "Yoast SEO," install and activate
  2. Edit any page or post: Scroll below the content editor to the Yoast SEO panel
  3. Set your SEO title: Click the "SEO title" field. Write your title tag (50-60 characters). Use the snippet variable buttons to auto-insert site name or separators.
  4. Set your meta description: Click the "Meta description" field. Write your description (150-160 characters). Yoast shows a green bar when you are within the optimal length.
  5. Set Open Graph tags: Click the "Social" tab in the Yoast panel. Enter a custom Facebook title, description, and image. Do the same for the Twitter tab.
  6. Set canonical and robots: Click the "Advanced" tab. Set the canonical URL if needed. Use the "Allow search engines to show this page" dropdown to noindex if necessary.
  7. Publish or update: Yoast generates all the HTML meta tags and injects them into your page head automatically.

WordPress — Step by Step (Rank Math)

  1. Install Rank Math: Plugins, Add New, search "Rank Math," install, activate, run the setup wizard
  2. Edit any page or post: Click the Rank Math icon in the top toolbar or scroll to the Rank Math panel
  3. Edit Snippet: Click "Edit Snippet" to customize the title tag and meta description. Rank Math shows a live preview of how it appears in Google.
  4. Set social tags: Click the "Social" tab. Customize Facebook and Twitter titles, descriptions, and images separately from your SEO tags.
  5. Advanced settings: The "Advanced" tab lets you set robots directives (noindex, nofollow), canonical URLs, and redirect rules.
  6. Publish or update: Rank Math handles all the HTML output automatically.

Shopify

Shopify handles basic meta tags through its built-in SEO fields:

  1. Navigate to the product, page, blog post, or collection you want to edit
  2. Scroll to the bottom of the editor
  3. Find "Search engine listing preview" and click "Edit website SEO"
  4. Enter your page title (Shopify shows a character counter)
  5. Enter your meta description
  6. Optionally edit the URL handle
  7. Save

OG tags on Shopify: Shopify auto-generates OG tags from your product images and description. To customize them further, edit your theme code:

  1. Go to Online Store, Themes, Edit Code
  2. Open theme.liquid
  3. Find the <head> section
  4. Add or modify OG tags and Twitter Card tags
  5. Use Liquid variables like {{ page_title }} and {{ page_description }} for dynamic values

Static HTML

If you are building a website from scratch or managing static HTML files, meta tags go directly in your code:

  1. Use the Meta Tag Generator to create your tag set
  2. Copy the generated HTML
  3. Open your HTML file in a code editor (VS Code, Sublime Text, Notepad++)
  4. Paste the meta tags inside the <head> section, after <meta charset="UTF-8">
  5. Save and deploy

For multi-page sites, every page needs unique title and description tags. Do not copy the same meta tags across all pages — duplicate metadata confuses search engines and wastes your ranking potential on each page.

YouTube — Your Metadata Strategy

YouTube does not have HTML meta tags, but it has its own metadata system that works the same way:

YouTube FieldEquivalent Meta TagTips
Video titleTitle tagPut your keyword in the first half. 60-70 characters max before truncation.
Video descriptionMeta descriptionFirst 2 lines show in search results and above the fold. Front-load keywords and value.
Tags field(Closest to meta keywords)Unlike Google, YouTube actually uses tags for discovery. Add 5-15 relevant tags.
ThumbnailOG imageCustom thumbnails get 90% of clicks. 1280x720, high contrast, readable text.
Channel descriptionSite-wide meta descriptionDescribe what your channel covers. Keywords here help channel discovery.
PlaylistsSite categoriesOrganize videos by topic. Playlist titles are indexed by Google separately.

Key difference: YouTube's Tags field actually matters — unlike Google's meta keywords, YouTube uses tags to understand video content and surface it in recommendations. Use them.

Social Media Platforms

Social platforms handle metadata differently than websites:

Testing Your Meta Tags

After adding meta tags, test them before announcing your page:

What to TestToolURL
Google search previewGoogle Search Console → URL Inspectionsearch.google.com/search-console
Facebook share previewFacebook Sharing Debuggerdevelopers.facebook.com/tools/debug/
Twitter card previewTwitter Card Validatorcards-dev.twitter.com/validator
LinkedIn share previewLinkedIn Post Inspectorlinkedin.com/post-inspector/
All OG tags at onceOpen Graph CheckerOur free tool

Run your URL through each tool after changes. Facebook and LinkedIn cache previews aggressively — use the debugger's "Scrape Again" button to force a refresh after updating your OG tags.

Platform Comparison — Meta Tag Support

PlatformTitle TagMeta DescriptionOG TagsTwitter CardsRobotsCanonicalDifficulty
WordPress + Yoast✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UIEasy
WordPress + Rank Math✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UI✓ Plugin UIEasy
Shopify✓ Built-in field✓ Built-in field✓ Auto-generated~Edit theme code~Edit theme code✓ AutomaticMedium
Wix✓ SEO panel✓ SEO panel✓ Auto-generated~Limited control✓ SEO panel✓ AutomaticEasy
Squarespace✓ SEO panel✓ SEO panel✓ Auto-generated✓ Auto-generated~Limited✓ AutomaticEasy
Static HTML✓ Manual code✓ Manual code✓ Manual code✓ Manual code✓ Manual code✓ Manual codeManual
Next.js / React✓ Head component✓ Head component✓ Head component✓ Head component✓ Head component✓ Head componentDeveloper

Generate and Test Your Meta Tags

Generate meta tags for any platform — WordPress, Shopify, HTML, or any website.

Open Meta Tag Generator
Launch Your Own Clothing Brand — No Inventory, No Risk