How to set a page's title and description for Google

In TeleportHQ, you set the text Google shows for a page in Page SEO Settings: right-click the page in the Pages list, click Page SEO Settings, and fill in Meta Title and Meta Description. For pages you leave empty, TeleportHQ uses the site-wide defaults from Project settings → SEO & social → Search engines. The new text appears on your live site after you publish.

Before you start#

• Page SEO settings are available on every TeleportHQ plan.
• The Meta Title is the blue headline in Google results and the text on the browser tab. The Meta Description is the short summary under it. Google sometimes shows different text, but a good title and description help.
• Prefer AI? See How to fill in SEO titles and descriptions with AI.

Set the title and description for one page#

1. In the left sidebar, click the layers icon (tooltip Pages, Components & Tree View).
2. In the Pages list, right-click the page. You can also click the … button at the end of its row.
3. Click Page SEO Settings. A panel named after the page opens, for example About Settings.
4. Under Meta Settings, click Meta Title and type the title. For example, Custom Birthday Cakes in Austin | Sweet Crumbs Bakery.
5. Click Meta Description and type a one or two sentence summary. For example, Order a custom birthday cake online and pick it up fresh in downtown Austin. Gluten-free options every day.
6. Click anywhere outside the field. TeleportHQ saves each field when you leave it. There is no Save button.
7. Publish your site. See How to publish your site.

The same fields are also above the canvas: with the page open, click Page settings at the top right of the canvas, then SEO.

Set default text for the whole site#

A default title and description in TeleportHQ cover every page that has none of its own.

1. In the TeleportHQ editor, at the bottom of the left sidebar, click the Project settings cog.
2. In the Project settings panel, under Site, click SEO & social.
3. Click Search engines. Its settings open next to the list.
4. In Meta Title, type your site's name and main topic. For example, Sweet Crumbs Bakery.
5. In Meta Description, type a summary of your whole site.

The fields save on their own a moment after you stop typing. There is no Save button.

Check that it worked#

In Page SEO Settings, your text stays in the fields when you reopen the panel. On the live site, the browser tab shows your Meta Title after you publish. Google updates its results the next time it visits your site, which can take days.

Troubleshooting#

"The title shown in search engine results should not exceed 70 characters. You currently have N characters." Your page title is too long, and TeleportHQ doesn't save it. Shorten it to 70 characters or fewer.

"The description shown in search engine results should not exceed 160 characters. You currently have N characters." This is a warning. The description still saves, but Google will likely cut it off. The field stops accepting text at 200 characters.

"The title can be up to 70 characters." in Search engines The site-wide title is too long. It isn't saved until you shorten it.

"The description can be up to 160 characters." in Search engines This is a warning. The site-wide description still saves, but Google will likely cut it off.

"Invalid characters: < , > , { , }" Titles and descriptions can't contain these four characters. Remove them.

Google still shows my old title Check that you published after the change. Then give Google time, or ask Google to re-check the page in Google Search Console.

Good to know#

• What an empty page title becomes. If a page has no Meta Title, TeleportHQ uses the page name plus your default title, for example About - Sweet Crumbs Bakery. The homepage uses the default title alone. Without a default title, your project's name is used. The grey text in an empty Meta Title field shows what the page will get.
• Renaming your project renames a default title that matches it. If the site-wide Meta Title in Search engines still reads your project's old name, renaming the project changes it to the new name. A title you typed yourself stays. A rename in Project settings → General changes it at once; a rename on the dashboard changes it the next time you open the project. See How to change your project's name and favicon.
• Blog and Help Center list pages keep the name their heading shows, for example Blog - Sweet Crumbs Bakery, until you rename the page.
• Multilingual sites have a separate title and description per language. See How URLs and SEO work on a multilingual site.
• Details pages (one page template that shows many items, like products) link their title and description to each item's fields instead. This works for items from a REST API or a Google Sheet too.
• Blog posts have their own SEO fields. See How to set SEO for a blog post.
• Social sharing text uses the same title and description unless you change it. See How to choose the image and text shown when your page is shared.