Banner

postheadericon Adding Alt Text and Title Tags to Your Images


Adding alt text and titles to your images is a good way to sneak keywords into your content.  Search engines don’t know if your image is of the Absolute Poker logo or a man on the toilet if you don’t tell them through alt text and title tags.  These are extremely easy to add to glance pages and even easier to add to your pre made tables if you’re using them.

Adding Alt Text and Title Tags to Images

Images included by PAS have a structure that looks like this:

<img
src=”{{ tld }}{{ offer.image }}”
class=”pas_logo” />

To add alt text and title attributes to these images you have to add a little bit of code.  The code that you will add looks like this:

title=”Absolute Poker Rakeback”
alt=”Absolute Poker Rakeback”

This will make the code look like this:

<img
src=”{{ tld }}{{ offer.image }}”
title=”Absolute Poker Rakeback”
alt=”Absolute Poker Rakeback”
class=”pas_logo” />

Repeat this process for any page that has images on it and continue to follow this process as you add content to your site that has images imbedded.

Adding Alt Text and Title Tags to Images in an Automatically Generated Table

Adding alt text and title tags to your tables like the rakeback-offers.html page and the pas_nav_offers section is just as easy.  It may be even easier as you only have to do it once to cover the entire table.  You do this by using the tokens provided by PAS.  To get these tags added you first need to get to the correct pages in your CMS(content management system).  We will start with the pas_nav_offers section which is the list of offers that runs down the side of your page by default.

To edit this code you need to go into the layout folder in your CMS and click on the layout.html file.  You will find two tables beginning with <div id=”pas_nav_offers”>.  One of these tables is your rakeback offers and the other is your bonus offers.  To add alt text and title tags to these images look for the <img opening tag followed directly by the src=.  The code will look like this (this may vary depending on your template):

<img
src=”{{ tdl }}/images/icons/icon_{{ offer.image_id }}.gif”

You will need to add alt text and title tags to this that make sense for each image so the idea is to use tokens.  To add these tokens your updated code should look like this

<img
title=”{{ offer.name }} Rakeback”
alt=“{{ offer.name }} Rakeback”
src=“{{ tdl }}/images/icons/icon_{{ offer.image_id }}.gif”

This will add alt text and title tags of Absolute Poker Rakeback, Ultimate Bet Rakeback, or whatever room applies, to each of the images down the side of your site.  Follow these guidelines for the next table but replace Rakeback with Signup Bonus or a similar term.  To be sure that you made the correct changes go to your rakeback site and hover your mouse over these images.  They should show you the title tags when you hover and you know that you were successful.

These attributes can be added to other tables like the one on the rakeback-offers.html page by adding the same two lines of code.

 
Search
Banner
Banner