How to Set Up SEO in Showit for Ranking and a Better User Experience in 2024

Showit

SEO is the acronym for Search Engine Optimization. This means improving your website’s ranking in search engines like Google, Bing, and Yahoo! by making sure it follows certain guidelines that search engine crawlers look for when indexing websites.

SEO can also be used to improve the user experience on your site through techniques such as adding relevant keywords to articles and pages.

If you are looking to rank higher in search engines or generate more traffic from organic searches, this guide will help you set up Showit so that your website ranks better organically!

Let’s start with the URL of your pages:

Inside Showit, your page name will turn into the page URL so be careful with what you call it.

URLs are a minor ranking factor for search engines when determining the relevancy of a page or resource to a particular query, but it can potentially be used as a factor. So it can help, but don’t take it as a major SEO factor šŸ™‚

Understanding (and correcting) H Tags

This is one of the most important things you can carefully do to improve your SEO in Showit. Your website is built with tags that are designated according to the Design Settings in your website: Title, Headers, Subheaders, Paragraph.

Showit design settings panel

But there are actually more H Tags, and these are the ones that you should be mindful of:

H1 – This the title of the page

H2 – This is a header os subsection on a page

H3 – This is a subheader and it’s a section within the H2

P – This is for your body copy

Nav – This is for your links (like your menu)

Div – This is for purely decorative accents, no real content value

This of H Tags as writing a book, your H1 is your title of the actual book, then the H2 are the chapters, the H3 are sub sections in that chapter, your P is the rest of the content in the book (the actual words that take the story).

Screenshot of Showit's text properties to change H tags for SEO

Takes some time and practice to set up your tags in this way, but once you do, the layout of your site will be much more attractive for both readers and search engine crawlers alike.

Showit SEO page settings

You can find your Showit SEO page setting on the right-hand side panel, there you can fill out the Page Title, Page meta description, and set an SEO sharable photo.

Let’s talk about the Page Titles.

Title tags are displayed on search engine results pages (SERPs) as the clickable headlines for a given result and are important for users to understand what is inside the page, SEO, and sharing on social to give context.

The title tag of a web page is meant to be an accurate and concise description of a page’s content. These are best kept around 55 characters, so not too long and not too short. Avoid unnecessary titles that are just a list of keywords or too many variations of the same word that can actually get you into trouble with search engines.

The best way to structure your Page Title is:

Primary Keyword – Secondary Keyword | Brand Name

So you go from uber specific, to less specific, and end with your brand/website name.

And this is true for both Showit pages and blog posts! For blog posts and custom blog pages, you can assign those with the Yoast plugin that comes in every Sholwit account.

Cavasses names and layer order

It’s a best practice to always rename your canvasses (aka the sections inside each page in Showit), and give them short and concise names. Just be descriptive: Header, Bio, Info, CTA, etc…

Now, inside of the actual canvasses, when you add an element, it will be added as a top layer and so on.

We usually build from top to bottom, so you end up with canvasses and layers going backward. From an SEO standpoint: leave it as is.

But if you are a designer selling templates you want to just drag and arrange them to match the order of things in the screen to make it easier to the users working with the template.

If this is your own site you’re working on, I’d recommend leaving it as is (backwards) so that search engines “read” the code in the correct order. It’s a little thing but just in case you were wondering!

For contact forms this also allows you to make it accessible since it means that the correct order layer allows users using your site with a keyboard to be able to move around the page, move between input fields on a contact form, etc. Accessibility is important, donā€™t forget that.

Want to save this post?

Alt Text + Optimizing Images

This is going beyond SEO, this is for user experience and accessibility. To please search engines and users with a fast loading site you need to optimize your images. Showit will always optimize them when you upload but really you can help and do more while keeping quality.

I follow their guidelines and export images at 3500px on the long side. I run them through JPEGmini and set the export to those dimensions. Then I run the exported files on ShortPixel in the Glossy setting and bam! Perfectly optimized images that have a small file size but kept all the crisp quality for full-screen viewing šŸ™‚ If you want to try ShortPixel (which is free by the way) you can use this link and receive 100 images per month from the free plan + 100 one-time credits, because you got invited. 

The ā€œSEO titleā€ 

This should be unique for every image on your site, and it doesnā€™t need to be stuffed with keywords, it is just the file name, so yes you can name it somewhat related to the image but remember it must be unique, so even just adding ā€œ02ā€ ā€œ03ā€, etc.

Alt Descriptions

This is a simple one most people miss. You need to add an Alt description for every single image on your site for 2 reasons: Search engines are READING your site, so an image with no Alt description? Canā€™t be read. And the most important reason: being accessible. To stay ADA compliant, and to be a good human you need to make your website accessible. 

In the Alt description, you should enter a simple succinct description of what is in the image.

Literally. Imagine you are describing it to a blind friend, that’s how you should type your Alt description.

If you happen to be able to incorporate keywords in a natural conversational way, go for it. Otherwise? Don’t do it. This is not a keyword stuffing place.

Finally a little tip for those who have multiple services and want to create separate areas on their website, which is a good thing for user experience: 

Do not create an empty landing page or splash page

I can’t stress this enough but good content is what will drive your SEO further. When you can conversationally add keywords you want to rank for while providing value for your users, then you will be creating a balanced website that will please the SEO god and your users will actually have the best experience while you deliver value and convert them from passive readers to hot leads.

You will have a better user experience with real content that people want because they are looking for it! 

WITH SEO POWER COMES TRAFFIC…

Ready to turn your website into a powerhouse lead generator even in a saturated market?

My free guide, “5 High Converting Website Tricks”, gives you key strategies to create a website that showcases your brand, attracts your ideal clients, and is ready to convert them into paying customers. 

Download now for free!

Bonus look at Yoast for blog pages and posts

And to give you a look into Yoast for optimizing your blog post and custom blog pages you simply scroll to the bottom of the page and you will find the Yoast section. Here you can add your Page Title, Meta description, and even see how it would be displayed on searches! On the right side don’t forget to add your Featured image šŸ™‚ This also can appear on search results.

You want to make sure you are optimizing your content and putting it out there in the right way. So take some time today and find what works for your workflow when working on your site so you can have the best out there.

Yoast optimization panel in WordPress

Ultimately, my number one tip?

Focus on Quality Content šŸ™‚ Align your message to your brand and audience. That will help you rank even faster because you are providing value that your people are already wanting!

How to setup SEO in Showit for Ranking and a better user experience graphic with a computer illustration

This post contains affiliate links. If you use them I get a kickback benefit with no extra cost to you. I only promote tools I love and use on my own business šŸ™‚

filed under:

Business, Showit, Tutorials, Web Design

@penguindesigning

I'm Ingrid, welcome!  I'm a branding designer + Showit Design Partner, doggy mamma, and tea drinker.

get to know me Ā»

Ready to turn your website into a powerhouse lead generator even on a saturated market? 

My free guide, "5 High Converting Website Tricks", gives you key strategies to create a website that showcases your brand, attracts your ideal clients, and is ready to convert them into paying customers. 

Download now for free!

Hi Iā€™m Ingrid

I design strategy-led brands and Showit websites that confidently represent you.

Iā€™m a designer with a magic touch for monetizing websites. Iā€™m also a tea-lover, dog momma, Ravenclaw, INFP and 2w3 (for all you personality-test nerds like me). 

Iā€™ve also been called a Showit website expert (been with them since 2013), and a sucker for understanding customer journeys, brand psychology, and consumer and sales psychology. My clients have some pretty cool results after working together, things like doubled shop conversions, booked-out services in weeks, and increased monthly revenue, among other cheer-worthy celebrations.

Get to know me

Interested in working together?

Send me a message

looking for something?

grab it!