Meta description title tags robots & sitemap explained Webflow

Course contents
SECTION: 4
CSS Classes - Level 1 17:02
SECTION: 9
Layout Level 2 19:55
SECTION: 15
Connecting with other software 12:03
SECTION: 29
Custom Embed Code 10:15

Questions

1
You are not following this thread

Course info

114 lessons / 17 hours 35 quiz questions 10 projects Certificate of achievement

Overview

Hi, my name is Dan Scott and together, you and I are going to learn Webflow.

You can get Webflow by clicking here.

Webflow will enable you to create responsive, accessible websites using intuitive design techniques without the need for complex coding.

This course is aimed at people who are new to Webflow and to web design in general.
We will start by creating a simple single page site, learning basic layout techniques and using simple animations. 

Webflow software is visual and does not require you to learn coding. You will learn how to ensure your website is consistent across desktop, laptop and mobile devices. We learn about CSS Classes for layout and font styling and also the importance of Class naming conventions.

If you have already tried using Webflow and are now wondering whether you should be using grids, flex, columns or divs and why…do not fear. By the end of this course you will know which to use and why!
We will learn how to build your own portfolio website and we will incorporate some exciting animations too. 

Together we will learn to create and style forms and incorporate those into your website.
Some of you may have already started to use Figma or Adobe XD. I will show you how you can convert the files you have created and incorporate them into a Webflow site. 

Previous experience using Figma or Adobe XD is not essential when using Webflow. 

We will learn about Sticky Navs, SEO’s, Symbols, REM’s, Floats, Gradients and Fonts.

We will create a CMS website and a blog and will learn how to hand over responsibility for these to clients or colleagues, hand over the site so that someone other than you can then login and manage all of the content themselves.

We will look at , create and style an E-Commerce Site, creating and styling Shopping Carts, Order Forms and Shopping Gateways. We will learn how to sell both digital and physical products and services. 

If some of the terminology such as Global, Flex, Grid, Nav all sounds too hard - remember we will start from scratch and work through techniques step by step. This course is aimed at anybody who wants to build websites using Webflow. 

You may only need to design a single website for yourself, you may want to become a fulltime web designer, you might be a freelancer already and wanting to expand the type of work you are able to offer your clients. This course is for you! 

I set assignments throughout this course which will enable you to practice your skills and to use what you create within your very own portfolio. 

You are about to go from Website Zero to Webflow Hero! 
Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

How to earn your certificate

Work your way towards your certificate for this course by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz (Merit level courses only)
  • Complete the Distinction Certificate Project (Distinction level courses only) - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Request your certificate when you've completed the requirements for the certificate level you're working towards

Good luck!

Pass certificates

We're awarding 'Pass' level certificates for this course.

You can work your way towards your 'Pass' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Don't forget to request your certificate when all your projects are complete

Good luck!

Merit certificates

We're awarding 'Merit' level certificates for this course.

You can work your way towards your 'Merit' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Distinction certificates

We're awarding 'Distinction' level certificates for this course.

You can work your way towards your 'Distinction' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Complete the Distinction Certificate Project - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Downloads & Exercise files

Transcript

Hi everyone, this video we are going to cover some...

just high level SEO for the site...

just a couple of things you should do...

we'll also look at SEO title tags and meta descriptions for your pages...

all right, let's start with the site-wide SEO.

So we're going to go to every website...

you can go to your 'Project Settings'...

has like a global kind of overall website SEO tab...

and the one thing we'll cover here is this one here...

reasonably important...

basically, at the moment we're on this like, remember, kind of...

on this kind of development website, like a staging website...

before it gets its own domain name...

what can happen is, Google, or Yahoo, or Bing...

or whatever other search engine can come along...

and actually index the site, and potentially rank it.

The trouble of it now is, it's still in kind of bits...

it's not ready for prime time, and I don't want Google thinking...

this is the domain name, so when I release the other version...

it's going to see two versions of it, and this is the original.

So what you can do is, actually, say 'Disable'...

they say Webflow Subdomain...

so Webflow give us this website, the domain...

we are the sub domain of that...

so you can just say, Google, don't check this site, block it, please...

and it adds a bit of stuff to the website to say don't come in here...

it can be ignored though but Google might still call it...

but they're not going to add you to the search engine rankings...

and when you get your full domain it doesn't matter...

like you can leave this on or leave it off...

it's just not going to allow this kind of...

like development site get searched...

that's what this robot thing is for...

it's going to automatically create a robots.txt...

and to say, user agent, Google, disallow, do not come into my site...

it can though, but it's just handy...

because you don't want to rank, I guess, the site...

and then compete with it when it goes out to its great URL in the future.

If I were in here I wasn't going to go through too much of it...

let's do one more, turn this on...

just generates a site map to make it clear...

at the moment your site's quite small...

so a search engine like Google will come...

and be able to index it pretty quickly, by indexing, I mean like...

crawl through it and check it out and decide what's on what pages...

what's important, what it's all about...

you can make it easier for it by generating a site map...

these become more and more important when the site gets massive...

and you can make sure that the search engines know...

where everything is and how they're all interconnected...

but at the moment an automatic site map is perfect...

plus there's a lot of like online checklists to say, is my website good...

and it'll say, "You, I have a site map"...

you can just click it on and say, "Now I do."

All right, so that's kind of the overall for the page...

let's get into more page specific stuff, so go back to 'Designer'...

so every page has some meta information that you need to add...

so that it can be, all it can be...

when it's ranking in search engines like Google...

so we need to go up to here, to our pages, this one...

not sure why you can go to both...

anyway, we're going to do it to the Home page first and hit this little cog.

So there's a name at the top here, you don't need to worry about...

this is just how you reference it inside of Webflow...

the important one is, this one here, SEO Settings...

again, there's a title tag and meta description...

these are super important...

because if you don't have them on your page...

you're unlikely to rank at all, and once you've filled them out...

it's not like it's going to be like...

absolutely going to start ranking number one...

but it's one of those things where you can rank number one millionth...

if you don't put them in, what do they do...

you'll see a kind of a search result up here...

they actually appear in Google search rankings, so let's have a look...

say I'm trying to...

I'm trying to...

you know, I'm trying to rank for this...

this is what people search in Google...

and this is what I want to appear..

So I want this to be on my Home page...

it's my most important set of keywords, it's local to me...

and it's the thing that I might be doing...

I'm going to add my name...

because somebody might be searching for my name as well...

because of my portfolio...

I might have sent it out, I said, check out my portfolio...

I want my name to ring as well, can you see there...

that's what it appears...

I've done a search here in Google for web design in limerick...

there is some maps, so I might want to go and make sure...

that my office has a specific spot...

make sure my office is actually registered in Google Business...

and you see down here, all these results, these people...

can you see, a kind of web design, Web Design Limerick...

Web Design Limerick, Web Design Limerick...

can you see how important that title tag is...

like this one, Web Design Ireland...

oh, 7 Best Companies in Limerick...

so that is, you know, the title tag, that you need to be unique for every page.

So if I move on to, say my portfolio for the Adare Kayak Club...

I'd call it the Adare Kayak web design project in Limerick...

so it's unique but it has my keywords in there as well...

so it can be tricky if you've got like hundreds of pages...

but it's super important, because there's no point...

having this on every page, it's not going to make your site...

more Web Design Limerick...

the search engines just don't know what's on that page, or unique...

so I might have pages where it's UX/UI, or graphic design...

so that it will sense, is that, it's all about design...

and it's all about Limerick...

maybe I have a couple of different areas, I'm in the county of Limerick...

but I'm in a different town, maybe a village...

so there's a title, you can see it there.

The description is just as important...

it is this chunk down the bottom here, it gets clipped off...

so you can have a certain amount of characters...

I can't remember exactly what it was, does it tell you, it does...

the length between 155 and 300, it decides...

you can't decide how much it cuts off...

just, it just cuts it off if it needs to.

So in here is a bit of a longer description...

so again, I find-- you can find this tough when you're at the beginning...

just go and have a look, type in the keywords that you...

you know, if it's an industry that you're not part of...

and you're in charge of this, go out, do a search...

and then see what other people are doing, how does it-- can you see...

Web Design Limerick also appears in the description...

so make sure it repeats in there...

but this is more of the cell, this is...

gets people like, "Oh yep, this is kind of where I need to be"...

and this is where people confirm, "Yes, is exactly what I'm looking for...

I need an e-commerce website," or a Webflow built website...

so do go and have a look, especially if it's an industry...

like it's easier for me because I'm into web design...

but if I was doing a website for a cheese factory it's going to be tricky.

So we're going to have to go search for cheese factory stuff...

and help with the meta descriptions...

now even though, let's say I was doing it for the cheese factory...

I'd go out to them and say, I need descriptions of these main pages...

it might be the five high level pages, and I need them to write it...

give them the keywords that I need, they need to be unique...

or the length that I need, and I get them to write it...

maybe send them an article of like how to write a good meta description...

or I can write it because these are some clients where you're like...

I'm just going to have to write this...

my dad's website, I'm going to write that myself.

So write that out, make sure there's good keywords in there, and down here...

search engines of this one, down here you can...

like you can just use the same SEO title tag and description as SEO...

this open graph stuff is what appears in things...

like Facebook and Twitter, have you seen them...

there's a link to a website...

it'll pull it up, they call it Open Graph...

whereas this, kind of meta title and meta description...

make sure they're unique on every single page you do...

if you are writing blog posts make sure that it's a snippet from it...

it can be a snippet from it, that's fine, as long as you're unique...

as long as it's all about your title tag and your meta description.

All right, I'm going to save it and close that bit...

all right, that is meta title and meta description...

make sure it goes on every page.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • Cookie policy
  • © Bring your Own Laptop Ltd 2026