Custom Page Meta Tags and SEO
Modified on: Tue, 14 Aug, 2018 at 9:42 AM
Note: This article is for anyone using a pre-Site Builder theme. Not sure which theme you're on? Refer to this article to find out.
If you want to add another page to your Thinkific course site, you can accomplish this in the Pages section of Admin Dashboard. When adding new pages you can name the page, add content, and then set up the basic Page SEO details that will make it shine in search engine results pages.
The goal for any website is to optimize the presentation of your page on:
- Search Engine Results Pages (SERPs)
- Other Social Networking Services
You can also add other page Meta Tags as well for other purposes like making sure the correct image is used when your page is shared on social media. This is something Thinkific will do automatically in the future, but for now it can be done while editing or adding a new page to your course site.
How to Add Meta Tags to a Custom Page
In the left hand side of your Admin Dashboard, under the Site section, select Custom Pages. From there you'll want to either Edit an existing custom page, or select the New Page button to add one.
Each time you create a custom page for your Thinkific course site, you should fill out the Page SEO section after the Edit Page section. There are a few basic meta tag fields that you can add to any custom page to improve its SEO:
The page title is the text you see in your browser tab when the page is open and the link text on a search engine results page. Any page title should be less than 40 characters long. Title text is important to search engines and to the people you want to attract to your site. Think of it as the signpost people will use to get to you when they search.
The page description is the text you will see under the link text on the search engine results page. Any page description should be at most between 150 - 160 characters long. Page descriptions are very important to people searching for you online, but not as important to search engines. You should be writing compelling copy in this field to convince people to visit your site.
Page keywords help search engines and other sites looking at your page figure out what its content is about. Separate each keywords by a comma in this field. Around 3 - 10 keywords should be good enough.
Meta Tags for Social Media
After setting up your basic custom page SEO, you may wish to add other meta tags that do more specific jobs, like make sure your page looks good when shared on various social media. You can do this by editing the field under the heading Meta Tags.
There are several different kinds of meta tags for the various social media companies out there. The major ones are outlined below. Where you see suggestions in the tag (e.g. "Page Title Here"), make sure to change this by filling in your page's details.
Facebook uses a standard called OpenGraph. There are a few OpenGraph meta tags to make sure your page appears like you want it to when it gets shared on Facebook:
<meta property="og:title" content="Page Title Here" /> <meta property="og:type" content="website" /> <!-- Don't change this from 'website' --> <meta property="og:url" content="http://www.example.com/" /> <meta property="og:image" content="http://example.com/image.jpg" /> <meta property="og:description" content="Page Description Here" /> <meta property="og:site_name" content="Course Site Name" />
Twitter uses a standard it calls Twitter Cards. Here are some suggested meta tags to make sure your page looks good when it gets shared on Twitter:
<meta name="twitter:card" content="summary"> <!-- Don't change this from 'website' --> <meta name="twitter:site" content="@your_course_site_twitter_handle"> <meta name="twitter:title" content="Page Title"> <meta name="twitter:description" content="Page description less than 200 characters"> <-- Twitter Summary card images must be at least 120x120px --> <meta name="twitter:image" content="http://www.example.com/image.jpg"> <!-- If your Twitter handle is different from your course site's --> <meta name="twitter:creator" content="@your_twitter_handle">
Google, and several other platforms, follow a microdata standard that is built into the most recent versions of HTML. Its tags begin with 'itemprop'.
<meta itemprop="name" content="Page Name Here"> <meta itemprop="description" content="Page description goes here."> <meta itemprop="image" content="http://www.example.com/image.jpg">
That's it! Now your additional page will look fantastic on search engine results pages and when shared on social media!
Did you find it helpful?Send feedback