(BB Code) How to make an Image clickable with proper Alt

Everest

  • Administrator
  • Hero Member
  • *****
  • Posts: 9887
  • Karma: +0/-0
(BB Code) How to make an Image clickable with proper Alt
Posted on: November 04, 2022, 10:45:11 AM
Some websites rely on BB code, just like this xtremeloaded.com, to add images in a post instead of using the popular HTML format. Suppose you use a forum script like SMF forum, PhpBB script, etc. You will need to learn more about BB code to add an image as we do on WordPress-powered blogs properly.

What is BB Code

Coalson LLC initially introduced BBCode ("Bulletin Board Code"), a lightweight markup language used to style posts in most Internet forum software. You must know how to style your posts to look nice and organised if you run a forum or other CMS that uses Bulletin Board Code (BBC).

I decided to write about this because despite using an SMF and PHP-powered script for many years, I still don't know much about adding ALT in an image or how to add an image in a post and make it clickable. But I have learnt how to do that now, and I will teach you how to do it too.

What is ALT and its benefits in an Image

Alt provides more information in the background about an image because they are not primarily visible when the image attached is visible. Still, If an image cannot be displayed, a substitute text is specified using the needed alt property. It also has SEO benefits because it helps search engines to know more about the image you posted in your content.

You already know that some google searchers usually search about an image and can visit your website from the image not actually because of the image but because the ALT text relates with the searcher's intent.

how to link your image and make it clickable using BB Code

Firstly, you need to use this BBC tag to add an image to a post.

Code: [Select]
[img]https://www.the image address.jpg[/img]
But to link the image to somewhere else, you need to add the URL tag, but the question is where and how? Just do this below:

Code: [Select]
[url=https:the url address.com/][img]https://the image address.jpg[/img][/url]
The above BB code will make the image visible and clickable; you can use this method to link your affiliate product and services; that is the primary purpose. But how do you add the ALT to give humans and search engines more information about an image? Below is the tag you need to use.

Code: [Select]
[url=https://the clickable URL here][img alt="The image ALT here"]https://the image url.png[/img][/url]
The BB Code above is a 3-in-1 Bulletin Board Code (BBC) that adds an image, a clickable URL and an ALT text. I believe that with this guide, you will be able to optimize your images with the right BBC tags
 

Quick Reply

NName:

Verification:
Type the letters shown in the picture
Listen to the letters / Request another image
Type the letters shown in the picture: