Due to the fact that we live in a day and age where visuals mean everything, online businesses must adapt to what is popular in order for their business to thrive. Sites like Tumblr and Pinterest are based solely on visual art and photographs and have only recently opened up their content to another form of art such as music and text.
However, it is because of their visual art bias that their sites are thriving in this generation. Now is the time for all the websites that have yet to adapt. SEO professionals say that a lot of time, adapting is seen as a form of giving in or selling out to what is popular, but a smart business person would know that giving in, in a sense, to what is popular is only what’s best for your business.
When it comes to SEO, it is becoming more and more important for brands to make sure that their images are optimized. However, one of the most overlooked tactics to do this is alt attribute.
You as a business owner could lose out on a lot of opportunities that could come your way if you don’t know about alt attribute and what it can do for you and your business especially in today’s society.
What exactly is alt attribute? Alt attribute is an attribute of an image tag within HTML coding. SEO professionals say that when displaying an image using HTML coding, you have to use an image tag and it’s also in your best interest to use an alt attribute within the tag. Now, what does this all mean? It could be better explained with a bit of a visual.
So let’s say you want to put an image in your HTML coding. The first thing you want to do is save whatever image you’re using within the same folder as your code document. Once you do this you can place your image within the code with the image tag that looks like this:
Within that tag, you need to place the name of the image you are using. So, let’s say we’re using a smiley face and we save the image as smiley.gif. Then this section of your code should look like this:
Once you do this, you could stop here. Your image would still display on your webpage normally without the alt attribute. So, why have the attribute? Well, there are four benefits of using the alt attribute in your code.
- First, if your image is “broken,” or won’t display properly, the alt text will show up in its place.
- Second, search engine companies can get a better sense of what the content on your webpage is since the computer program cannot actually “see” the image.
- Third, the images from your website are more likely to show up since there is alternative text that the search engine program can put up causing more traffic to your site.
If the alt text you use in the alt attribute is a keyword for your webpage, your turnout will be even better. SEO professionals say that if someone was to go to Google images and type in “Smiley Face,” for example, you now would have a better opportunity to show up within that person’s image search.
This would then cause 10 times more traffic to your website all because of a simple alt attribute that takes all of two seconds to place into your HTML code. Lastly, if someone is on your website is visually impaired and cannot see the actual image, there are more likely to have a browser that can read any text on the screen for them. This way they can also be read what the image was supposed to be.
Studying external links is also extremely imperative and beneficial. So, once you put in the alt attribute into your HTML code, this section of your code should look a little something like this:
You don’t want to miss out on a good search engine optimization opportunity for your webpage. Just by using the alt attribute, you can create a lot of traffic for your website and help yourself, while helping others to better understand and enjoy your webpage.