alt tags

  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi Guys, i have been reading through the forum and on a link it said that alt tags should be attached to images on a site. Can anyone tell me how this is done?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

It's an attribute of the IMG tag...

Code: [ Select ]
<img src="yourimagefile.jpg" alt="information about your image file and it's purpose." />


More info - http://www.w3.org/TR/html401/struct/obj ... l#adef-alt
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi Digi,

this is the closest I can find "background: url(img/main_car.jpg);"

that's in the style css file, am I looking in the wrong place?


Pete
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

calvi36 wrote:
Hi Digi,

this is the closest I can find "background: url(img/main_car.jpg);"

that's in the style css file, am I looking in the wrong place?


Pete


Yes, the CSS and markup are two separate parts. Unless there's a practice I don't know about, the ALT information is in the markup, not the CSS.

What you've posted above doesn't require ALT info because the image isn't apart of the content.
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi again Digi,

many thanks for taking the time to help me out, it is appreciated. I have managed to put the alt tags into my car leasing page lease2u.co.uk /car-offers.php and I will do the same with the van leasing page.

My main problem is on the home page, there are 3 images there and the script for two of them is below. The problem is that I cannot find the img src=cars jpg piece of script on this page.

Code: [ Select ]
<div class="foto">
     <a class="t afoto" href="car-offers.php">CAR LEASING</a> <a class="offers" id="car" href="car-offers.php" name="car"></a>
    </div>

    <div class="foto">
     <a class="t afoto" href="van-offers.php">VAN LEASING</a> <a class="offers" id="van" href="van-offers.php" name="van"></a>
  1. <div class="foto">
  2.      <a class="t afoto" href="car-offers.php">CAR LEASING</a> <a class="offers" id="car" href="car-offers.php" name="car"></a>
  3.     </div>
  4.     <div class="foto">
  5.      <a class="t afoto" href="van-offers.php">VAN LEASING</a> <a class="offers" id="van" href="van-offers.php" name="van"></a>
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

I am absolutely astounded. I attached the alt tags to two of my pages, all the images. I went onto page one of google in 18 hrs for iveco van leasing. Page 3 for fiat van leasing. Many many thanks Digi
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

Wow I've never heard of anyone jumping up like that by adding alt attributes for images, nice work.
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi Joebert, me neither matey. I was ranking page 340 on google for "van leasing" Added the alt tags as suggested by the heroes on here and whammo. I could not believe it, my lowest rank position not page is now 124 for nissan van leasing.
  • infoguidepages
  • Newbie
  • Newbie
  • User avatar
  • Posts: 12
  • Loc: Canada

Post 3+ Months Ago

You should also add alt text to your links. You can do this by using the title attribute in the A tag (example: <a href=”” title=”keyword text goes here”> keywords in links are important for optimizing for Google.

For more info visit:
//LINK REMOVED
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi infoguidepages,

thanks for the tip but am not sure where to add this. A standard link looks like this on my site on the car offers pages:

Code: [ Select ]
<div class="ocar"><img src="emblems/auto_jaguar.jpg" alt="Jaguar Car Leasing" /><br /><a href="list.php?t=cars&m=jaguar">Jaguar</a></div>


would I add the piece of script to this line to show

title=”keyword text goes here”>

I'm still new to all this, your advice is appreciated.
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

Just so the following doesn't confuse anyone: alt is an attribute, <img /> and <a> are tags.

Well if you want your pages to validate in at least XHTML transitional...there is no alt attribute for links...
You can add the attribute, but I highly discourage it, but if you were to add an alt attribute it goes like:

Code: [ Select ]
<a href="Link.php" alt="alt description">Link Text</a>


I'm surprised your rank went up that fast just because you added the alt attribute to the img tags.

Hope that helps, Merry Christmas :D
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

Do not add an "alt" attribute to links <a>. Use a "title" attribute instead. Works exactly like murcielagossi pointed out for "alt", just using a different word.

This should only be done on links where a visitor can not immediately guess what the link points to, for instance when the link is wrapping an <img> or the link text is somthing generic like "Click here".

Good Examples
Code: [ Select ]
<a href="http://www.ozzu.com/ftopic83769.html" title="alt tags">Click Here</a>

<a href="http://www.ozzu.com/ftopic83769.html" title="alt tags">
  <img src="icon_minipost.gif" alt="Picture of a bullitin board post"/>
</a>
  1. <a href="http://www.ozzu.com/ftopic83769.html" title="alt tags">Click Here</a>
  2. <a href="http://www.ozzu.com/ftopic83769.html" title="alt tags">
  3.   <img src="icon_minipost.gif" alt="Picture of a bullitin board post"/>
  4. </a>
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi Murcielagossi,

I was astonished to be honest at the jump in rank. I was nowehere near page 1 at all. the Iveco van leasing rank has dropped to 34 since I posted the page one post within 18 hrs. I am a complete and total novice at this but I have learned so much from this site that my head hurts, my Mrs is threatening leaving me if i talk about alt tags, seo or any other crap lol. Though she doesnt say that when our invoices are paid, women are strange creatures lol.

I will take your advice and not alter what i have added via the alt tags and confuse them with title tags. The last thing I want to do is spam keywords etc by duplicating them through alt and title tags, the title for most of my 356 pages remain the same and constant to create a theme if this makes sense.

A very happy xmas to you too Murcielagossi.

Many thanks,

Peter, almost divorced, almost homeless, childless, but hey who cares I was on page 1 of google pmsl!
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Hi Joe,


Arghh you madman, my head hurts again am sure you lot are sadists and like to confuse us newbies ha ha.

I would not know how to do what you have suggested with my site, scuse me for being so green but am doing my best to read the code you have displayed for me, it isn't easy though Joe and I don't know how to input it into my site, am not asking you to do it for me as the advice digi gave me I worked on it myself bro. I would ask you to hold my hand and guide me but your loss as I'm taken ;)

Thanks bud,

Pete
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

Glad I could be of some help. But anyways, like Joebert said, you can replace the alt attribute with the title attribute.

Ex: (the one Joebert said)
Code: [ Select ]
<a href="http://www.ozzu.com/ftopic83769.html" title="description">Click Here</a>



So where you wanted to put the alt attribute just simply put the title attribute: with syntax like:

Code: [ Select ]
<a href="link" title="description">link text</a>


Hope that helps.
  • infoguidepages
  • Newbie
  • Newbie
  • User avatar
  • Posts: 12
  • Loc: Canada

Post 3+ Months Ago

calvi36 wrote:
I will take your advice and not alter what i have added via the alt tags and confuse them with title tags. The last thing I want to do is spam keywords etc by duplicating them through alt and title tags, the title for most of my 356 pages remain the same and constant to create a theme if this makes sense.


It is not a good idea to overdo the keywords however where they are placed will make a difference in your SEO Search engines give more importance to keywords in the following places.
    • Name of the file and folder
    • Title
    • Headers (h1, h2, etc.)
    • Link using the title atrib.
    • Bold text
    • Italic text

And less to the following

    •Body text
    •Alt text in images (because of abuse)


This is the search engines ways of knowing if it is a relevant document. If the keywords are found in the page it looks at the document as maybe relevant, if the keywords are found in the name of the file, the title, and the h1, h2 etc. tags. It then looks at the document as very relevant.

When it looks at the keywords in the links it views this as a document with good reference links to others relevant information.

Hope this helps
  • calvi36
  • Graduate
  • Graduate
  • calvi36
  • Posts: 145
  • Loc: Glasgow, Scotland

Post 3+ Months Ago

Does this look right to you guys?

Code: [ Select ]
<img title="Peugeot Van Leasing" src="emblems/auto_peugeot.jpg" /><br />
      <a href="list.php?t=vans&amp;m=peugeot">Peugeot</a>
  1. <img title="Peugeot Van Leasing" src="emblems/auto_peugeot.jpg" /><br />
  2.       <a href="list.php?t=vans&amp;m=peugeot">Peugeot</a>


It's the only way it would work.

happy xmas btw and thx for the help again, you guys are a godsend.
  • infoguidepages
  • Newbie
  • Newbie
  • User avatar
  • Posts: 12
  • Loc: Canada

Post 3+ Months Ago

code it like this:

Code: [ Select ]
<img alt="Peugeot Van Leasing" src="emblems/auto_peugeot.jpg" /><br />

<a href="list.php?t=vans&amp;m=peugeot" title="List of available Peugeot vans">Peugeot</a>
  1. <img alt="Peugeot Van Leasing" src="emblems/auto_peugeot.jpg" /><br />
  2. <a href="list.php?t=vans&amp;m=peugeot" title="List of available Peugeot vans">Peugeot</a>


use alt with img
use title for links

Good luck

Andre

Post Information

  • Total Posts in this topic: 18 posts
  • Users browsing this forum: No registered users and 67 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.