Virtual Assistant Directory
"Virtual Assistant Forums is the single-most important resource for me. I appreciate the wealth of information, advice, and support."
Dawn - A Virtual Assistant in Paradise
Go Back   Virtual Assistant Forums | Virtual Assistant Network > YOUR VIRTUAL ASSISTANT BUSINESS WEBSITE > Search Engine Optimization (SEO)
Register Events VA Directory B2B PARTNERS RFPs Features Chat Groups Blogs Search Today's Posts Mark Forums Read

Search Engine Optimization (SEO) SEO discussion and resources. Learn about both on and off-site methods to help you optimize your website for better search engine results.

Bookmark this page to: del.icio.us Digg Furl StumbleUpon Technorati Yahoo! My Web Google Bookmarks Windows Live Netscape reddit BlinkList Newsvine ma.gnolia Tailrank
Search the forums:
Forum Sponsor
Affordable search engine friendly directory
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old 08-28-2007
Tess's Avatar
Senior Member
VA Feedback: (18)
 
Join Date: Apr 2007
Posts: 7,270
Default Adding 'alt' tags/attributes to your website images

What the heck are alt tags anyway? If you just place your cursor over one of our graphic ads in the sidebar for a second you'll see - for instance hold your cursor over the ad for "IDEAL" - you'll notice the words 'IDEAL' a newsletter for VA's pop up.
These are alt tags.

Search engines can't see your pictures, and for that matter neither can visually impaired internet users - one way you can help both parties better understand what your website is about is to place alt tags in ALL of your images.

Alt tags should give a good, basic description of whatever the image actually IS. For instance, our VA directory ad in the sidebar has an alt tag that is descriptive enough that search engine spiders understand what the image represents. And it doesn't hurt at all that the alt tag includes a few solid keywords.

As a Virtual Assistant with a business website you're one of hundreds, maybe thousands, and that number is growing every day - so one small thing you can do to help increase your own site's search results is to go through your site and add alt tags to your images. This is one way you can optimize your website from the inside out.

Here's how:
Get into your website code or template and wherever you see
<img src="www.yourimagelocationaddr ess.com">
add this little bit of info to the code alt="ENTER DESCRIPTIVE TAG HERE"
so it looks like this instead:
<img src="www.yourimagelocationaddr ess.com" alt="ENTER DESCRIPTIVE TAG HERE" />

And you're all set.
Do this for your logo and any other images you use on your site; and be sure to include good keywords (Virtual Assistant is the most obvious, but there are other variations on this that you can use...)

Any questions on this? Just reply to the thread
Reply With Quote
  #2 (permalink)  
Old 08-29-2007
CKVA
Guest
 
Posts: n/a
Default Re: Adding 'alt' tags to your website images

Quote:
Originally Posted by Tess View Post
What the heck are alt tags anyway? If you just place your cursor over one of our graphic ads in the sidebar for a second you'll see - for instance hold your cursor over the ad for "IDEAL" - you'll notice the words 'IDEAL' a newsletter for VA's pop up.
That's called a tooltip. Internet Explorer incorrectly displays the contents of the alt attribute as a tooltip, but it is the only modern browser to do so. If you want to provide tooltip text to your visitors, use the title attribute instead.

The title attribute should convey supplemental or advisory information only because tooltips will not be available to some visitors (keyboard only users, some handheld device users, visitors that rely on assistive technology...etc.). Alt text is primary content that should convey the same information as the image does. An element's alt attribute and title attribute should not have the same content.

Quote:
Alt tags should give a good, basic description of whatever the image actually IS. For instance, our VA directory ad in the sidebar has an alt tag that is descriptive enough that search engine spiders understand what the image represents. And it doesn't hurt at all that the alt tag includes a few solid keywords.
Alt text should not necessarily describe an image. The alt attribute should serve the same purpose and communicate the same information as the image. If an image contains words relevant to the content, its alt text should include those words. If an image serves a purpose, like a search button, its alt text should convey that function. Images that are purely decorative, like rounded corners, should have null (empty) alt attributes.

Search engines do not heavily weigh alt and title attributes because they are frequently abused. Using these attributes correctly will help you reach a larger audience.

HTH,
CK
Reply With Quote
  #3 (permalink)  
Old 08-29-2007
Tess's Avatar
Senior Member
VA Feedback: (18)
 
Join Date: Apr 2007
Posts: 7,270
Default Re: Adding 'alt' tags to your website images

Hi and welcome to the forums
Thanks for restating the use of alt tags in websites.

I agree with you that alt tags are not a huge factor in SEO, but every little bit helps and as our membership is primarily not well-versed in programming and SEO we strive to provide easy to implement tips and tricks, with as little jargon used as possible, that will overall have a positive impact on their search results.


If you'd care to elaborate on the use of title tags and how to place them in the code that would be great!

Last edited by Tess; 08-29-2007 at 05:20 AM..
Reply With Quote
  #4 (permalink)  
Old 08-29-2007
Codehead's Avatar
Administrator
Company name: Codehead LLP
VA Feedback: (20)
 
Join Date: Apr 2007
Location: WA
Posts: 161
Default Re: Adding 'alt' tags to your website images

Quote:
Originally Posted by CKVA View Post
That's called a tooltip. Internet Explorer incorrectly displays the contents of the alt attribute as a tooltip, but it is the only modern browser to do so. If you want to provide tooltip text to your visitors, use the title attribute instead.

The title attribute should convey supplemental or advisory information only because tooltips will not be available to some visitors (keyboard only users, some handheld device users, visitors that rely on assistive technology...etc.). Alt text is primary content that should convey the same information as the image does. An element's alt attribute and title attribute should not have the same content.
That has nothing to do with a tooltip, I say it's just a little popup that shows what the image ALT tag is.
Tooltip is way more general than that.

Also I always see them poping up in my IE, FireFox and Opera, so I guess all the giant browser coders got the point *incorrectly*.

Quote:
Originally Posted by CKVA View Post
Alt text should not necessarily describe an image. The alt attribute should serve the same purpose and communicate the same information as the image. If an image contains words relevant to the content, its alt text should include those words. If an image serves a purpose, like a search button, its alt text should convey that function. Images that are purely decorative, like rounded corners, should have null (empty) alt attributes.
Basically same stuff as Tess said

Quote:
Originally Posted by CKVA View Post
Search engines do not heavily weigh alt and title attributes because they are frequently abused. Using these attributes correctly will help you reach a larger audience.
In terms of SEO, image ALT tag actually is a little factor that shows the quality of a page, so it is very important.
BTW, how exactly using ALT tags correctly helps me reach a larger audience?
__________________
"Imagination is more important than knowledge."
Albert Einstein
Reply With Quote
  #5 (permalink)  
Old 08-29-2007
CKVA
Guest
 
Posts: n/a
Default Re: Adding 'alt' tags to your website images

Quote:
Originally Posted by hamidof View Post
That has nothing to do with a tooltip, I say it's just a little popup that shows what the image ALT tag is.
Tooltip is way more general than that.
Perform a Google search on tooltip. From the first result (Wikipedia), "The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with supplementary information regarding the item being hovered over."

Quote:
Also I always see them poping up in my IE, FireFox and Opera, so I guess all the giant browser coders got the point *incorrectly*.
My comment was correct as written. You will not see alt text displayed in tooltips using recent versions of Firefox, Opera, Mozilla, Safari, Netscape, Konqueror, or Camino. Each one of these browsers will display the contents of the title attribute in a tooltip however. This link will be helpful: Why doesn’t Mozilla display my alt tooltips?.
Another good resource: The Alt and Title Attributes.

Quote:
Basically same stuff as Tess said
My intent was to clarify the difference between describing an image and providing a textual equivalent for it. Authors often have trouble with that concept.

Quote:
BTW, how exactly using ALT tags correctly helps me reach a larger audience?
If you use accessibility features according to specification, your content will be available to a wider range of visitors and web access devices. That makes good business sense, doesn't it?

HTH,
CK
Reply With Quote
  #6 (permalink)  
Old 08-29-2007
CKVA
Guest
 
Posts: n/a
Default Re: Adding 'alt' tags to your website images

Quote:
Originally Posted by Tess View Post
I agree with you that alt tags are not a huge factor in SEO, but every little bit helps and as our membership is primarily not well-versed in programming and SEO we strive to provide easy to implement tips and tricks, with as little jargon used as possible, that will overall have a positive impact on their search results.
Thanks for your comments Tess. I agree that jargon should be avoided as much as possible, but using correct terminology will help your readers build on their knowledge. If you understand the difference between title text and alt text, you can provide useful information to search engines without sacrificing accessibility. I hope you will find the above links helpful.

CK
Reply With Quote
  #7 (permalink)  
Old 08-29-2007
Tess's Avatar
Senior Member
VA Feedback: (18)
 
Join Date: Apr 2007
Posts: 7,270
Default Re: Adding 'alt' tags to your website images

Hi CK,
I think we're dicing things up here a bit when the point of the post was simply to inform users that there was a simple addition that could be made to the code of their web pages that would allow them to better utilize the space that an image 'takes up' relative to how search engines view that page/space (as well as those with usability issues). But I truly do appreciate your taking the time to elaborate on the topic

I'd welcome your comments on how to insert title text into the code, for the sake of those who are truly interested in learning how to enhance their own website(s).

BTW - have you had a chance to introduce yourself? I'm sure we'd all be interested to learn more about you

Last edited by Tess; 08-29-2007 at 11:08 AM..
Reply With Quote
  #8 (permalink)  
Old 08-29-2007
Codehead's Avatar
Administrator
Company name: Codehead LLP
VA Feedback: (20)
 
Join Date: Apr 2007
Location: WA
Posts: 161
Default Re: Adding 'alt' tags to your website images

Quote:
Perform a Google search on tooltip. From the first result (Wikipedia), "The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with supplementary information regarding the item being hovered over."
Tooltip is a more general concept than what you're describing.

Quote:
My comment was correct as written. You will not see alt text displayed in tooltips using recent versions of Firefox, Opera, Mozilla, Safari, Netscape, Konqueror, or Camino. Each one of these browsers will display the contents of the title attribute in a tooltip however. This link will be helpful: Why doesn’t Mozilla display my alt tooltips?.
Another good resource: The Alt and Title Attributes.
Maybe whoever maintains those documentations (or FAQ) on Mozilla.com should go open up a proper web page (with FireFox of course) and mouse over an image

Quote:
If you use accessibility features according to specification, your content will be available to a wider range of visitors and web access devices. That makes good business sense, doesn't it?
SEO makes good business sense to me
__________________
"Imagination is more important than knowledge."
Albert Einstein
Reply With Quote
  #9 (permalink)  
Old 08-29-2007
winslowgirl's Avatar
Junior Member
VA Feedback: (5)
 
Join Date: Apr 2007
Location: Florida
Posts: 447
Default Re: Adding 'alt' tags to your website images

wow.. cobledigook. is what I say.. Way out my zone.. Have to say..didn't understand any of this... Guess I will stay simple.. and email Tess when I don't understand what I'm doing.. Thanks for all the info though
__________________
Winslow Girl Virtual Assistant
www.winslowgirlva.com
Taking Virtual Assistance to the Next Level
Reply With Quote
  #10 (permalink)  
Old 08-29-2007
Tess's Avatar
Senior Member
VA Feedback: (18)
 
Join Date: Apr 2007
Posts: 7,270
Default Re: Adding 'alt' tags to your website images

Jackie you are so funny
Seriously though, implementing these things on your site is a good move.
I'm going to post the code and info for title text tags as well in a bit...just to round out the thread.
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
[Question] Adding Audio/MP3 to Website Amy Bleser Website Coding 8 12-19-2008 04:54 PM
Free images for use on website? KC Virtual Solutions Graphic Design 9 11-01-2008 07:59 PM
Adding blog content to my website D_Victoria_Virtual_Assistance Blogs and Blogging 3 10-09-2008 03:33 PM
Spruce up your website with professional stock images Tess Graphic Design 7 03-11-2008 08:31 AM
Adding calculator to website slimthick2001 More Virtual Office Resources 3 01-16-2008 02:40 PM


All times are GMT -4. The time now is 06:55 PM.
Fantastic Facebook Pages
Project Management for Virtual Assistants
Virtual Assistant Directory
Virtual Assistant Forums Advertising
Virtual Assistant Forums Advertising
[Click here to read our reviews.]
Virtual Assistant Interview
VAF Community:
bluegreenoffice michellem VineyardVA Elenora LisaMorosky manyar Jodith joeju greystonegirl16 GuardianVA2009 DynamicAdSS Sydan Virtual Solutions Ladycharliy Sue's Virtual Office moretime_cassi MissMichelle InTraining virtualhelper4u EcoOfficeGals VAF Admin iclick_fox
[Click here to join!]
Virtual Assistant Forums Interview
Virtual Assistant Forums Advertising
Australian Virtual Assistants
Business Directory
Virtual Assistant Forums Advertising
Virtual Assistant Forums Advertising
[Click here to read our reviews.]
Virtual Assistant Forums Advertising

© Virtual Assistant Forums 2010
All content and images are protected under copyright law and may not be reproduced in any way without express written consent.