Dreamweaver - HTML and CSS Using Dreamweaver

Add a meta description tag

Questions

1
0

Course info

34 lessons / 3 hours

Overview

Dreamweaver (and web design in general) is such a hard program to teach yourself. We know, because as Dreamweaver trainers we have all taught ourselves. We wish we had a resource like this when we were learning.

Hand coding a website from scratch is now a thing of the past. Web designers use tools like Dreamweaver to a lot of the heavy lifting. We imagine this is your first website build and we're glad we're here to help make this process a little less troublesome. 

Who should use this?

Anyone that is brand new to Dreamweaver and anyone brand new to web design in general. If you're reasonably experienced in web design you might find this course a little slow going.

What do you need?

  • You'll need a laptop (Mac or PC)
  • Dreamweaver CC installed. Dreamweaver can be downloaded from theAdobe website here.

Can I use this tutorial with Adobe Dreamweaver CS4, CS5 or CS6?

No. Unfortunately there were some fundamental changes in the Dreamweaver CC update that makes CC and previous versions very different.

Remember you can download Dreamweaver CC free for 30 days. Don't worry - after your free trial has expired your files will still be updatable using any other web design program.

If you like the tutorials we'd love you to like, share and tweet it. We'd be very grateful.

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.

Downloads & Exercise files

Transcript

Welcome to the String Weaver tutorial. My name is Daniel Walter Scott,  and I'm a trainer here at Bring Your Own Laptop. In this tutorial, we're gonna look at  what a meta description is  and how important it is to be on your website. Now I'll show you what it is. First of all, if I go to Google and I type in  and design training,  and you'll see that this is one of my websites,  and you can see this part here  is the meta description. So this is the page title,  which we've talked about in earlier tutorials.

This is the meta description, okay? And it should be about you write this, okay? You add it to your page  and the only real place it gets seen is  by Google in different search engines like Bing and Yahoo. They will display it underneath your listing, okay? Um, it should be between about between 150  and about 180 characters. Um, now occasionally Google will ignore your meta  description and put whatever it likes in this part.

It'll, it'll put stuff from your webpage  and it'll just kind of put it up  what it thinks the user wants to find. But most of the time it will display what you write. So to add it to your page is Injury  and Weaver on the page, you wanna add it. So we're on an index page. Now I need to go to insert  insert head. And we've got this one called description.

Okay. And I'm gonna type it in. So this is my description, what you wanna do in terms  of the content that goes in here. You want to really describe your page. You wanna make sure that you have your  keywords as part of this. So I'm gonna write something like, um, uh, vintage  Campo Rentals  for Sydney and New South Wales, uh, cheap rates.

Any other keywords  that you think people are gonna be searching  for in relation to your business. Now you wanna try  and get as much as you can in there up  until about 180 characters. Anything more will just get clipped off by Google. Um, so it doesn't need to be an essay just  around about 180 characters. I've written a little short here just  'cause uh, I've got writing stage  fright, but let's click okay. Where does this end up?

You can't see it on your page. It ends up in your code. Okay? And it ends up in the head tag. So we talked about body being, everything that user can see. Now, search engines  and kind of computers can see  everything in the head tag as well.

Okay? And they see in here there's my meta description. There's a title we added earlier, okay? And this title is this part here. So you see InDesign training in Auckland  and Wellington at Bring Your Own Laptop. That is the page title.

Okay? That's that bit there. And the meta name description is the bit we just added,  and it's this section down at the bottom here. So in Google List my side, that's what it will display. Now you need to be in, bear in mind that you need this  to be unique for every single page. So you need to go through now and make a new one  For the about page for all the product pages,  any services pages, the Contact us pages  that all need new descriptions.

Make sure that you are not repeating yourself, okay? Don't copy and paste between pages. Um, you want to make sure it's unique,  but have a similar sort of thread in terms  of what you're talking about. We're talking about camper, renters all the way through. It can be a little hard to write distinct descriptions  for every page, but hey, that's what we have to do. Alright, that's it for this tutorial.

I'll see you in the next one.
Bring Your Own Laptop
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025