Hi, my name is Dan, and in this video we're gonna look at basic page details. Now, there are two of them. Okay? One's called the title and one's called the description. And you should do this when you create every page. Now, what are they?
They're the things that Google lists when it lists your site. So you absolutely need to have them per page. So if I go out to Google, if I go to Google and I look at, I do a search for, say, creative agency, you get two. So let's skip the ads. Let's go down to these guys here. So this is what's, what is considered the title, okay?
Everything in blue. And this down here is called the description. And you add that physically to every page. And then when Google lists you okay and ranks you in its engine, it will use both your title and your description to display to the audience. So they're quite important. A lot of people when they're new, especially in Dreamweaver, they'll use, uh, watch this into Dreamweaver.
It's called, it'll be called Untitled Documents. If I go into Dreamweaver here and I go to properties, and you can see down here it's called Untitled Document. That's what would be listed here. And you will never get a ranking if you've got a page called Untitled Documents. So as you're going in, as you're building your pages, make sure you give it a page title and a description. So let's do that.
It's really easy, have nothing selected, okay? And you'll have your document title down here. Now there's an art to naming your page. Um, we're gonna call ours, bring your own Laptop. Bring your Own Laptop, and maybe Adobe Training. Okay, so there's my title, and that's what's gonna list in blue.
Now I need to add my description. Okay, it's called meta description. To add the meta description, it's under insert and under H, TM L there's one in here called Description. Great. Now the description, remember is that second part in Google, and this is descriptive text of the page. It has to be unique for every page, just like the title.
So if you've got a hundred pages, you're gonna have a hundred, um, page titles and a hundred meta descriptions. Okay? It can be a little painful when you're writing these out, but they are in necessity. Okay? In terms of what you should write in description, uh, this is kind of where you get to do your sales pitch, okay? Um, now Google will clip you off at about 180 characters, so don't write it too long.
Um, so now I've got one that I've written already, so don't make it too long. Um, click okay. And the weird thing is, is that your page hasn't changed at all, right? So it's just, if we're in now index page under a source code, click split view. If I scroll up to the top here, you can see there's my description. Okay?
And where is my title? There it is there. Okay. So in between the open and close of the title, there it is there and there is my description. Okay? You can go through and edit it in code view if you like.
Afterwards, it's up to you. Or you can do it down here. It doesn't really matter. But remember that every page needs a page title or a page description. Now, let's check out on Google just to remind ourselves this up here is the page title, and this is the description. Okay?
You can see with longer ones, you can see the longer title it gets cut off. Do. It's better to have a short to the point title, and same with the meta description. If it gets too long, can you see? Google decides to cut it off and it's not, it's a little bit arbitrary about where it cuts it off. It's pretty close to about 180 mark.
Oh yeah. And before we go, I just wanted to quickly point out that the body is everything. You see this little thing here? Don't delete it. Okay. Um, this is our jQuery and we need it.
I'm gonna push it to the bottom. Um, just make sure he's always there. If you're having problems with your site later on and things aren't working, that should, it could have been that you've broken this or deleted it by accident, just leave him down the bottom and ignore him, and the word site will work. Okay? That's to add basic page details, uh, page title and meta description. And you should do this for every page on your Dreamweaver site.