Alt-Tag & Title-Tag Explained In a Simple and Understandable Way

Search engines use the alt-tag (for “alternative tag”) if images or graphics are not displayed. The stored alternative text is a short description of the image that has not been loaded. It belongs to the metadata and is not visible to the user.

The code for the alt tag is stored as an HTML element in the source text for an image file. It is crucial to use double coding characters instead of single quotation marks:

<img src = ”bildtitel.jpg” alt = ”More information about the image”>

Most CMS offers an automatic implementation of the alt tag. When labeling, make sure to name the main keyword and choose a description that is as short and meaningful as possible. Keyword stuffing is not recommended! Google might view the cumulative use of keywords as spamming.

The old tag is indispensable from a usability point of view. This gives visually impaired people barrier-free access to all content because the alt tag enables screen readers or voice browsers to read the information content of the image. This technology will become more and more important in the future, and Google also rewards accessibility.

What are ALT attributes?

ALT attributes are part of the HTML standard with which alternative texts can be specified for images embedded in the website. ALT attributes play an important role in the optimization of barrier-free websites, as screen readers read out the ALT attributes instead of the images.

The alternative text is used for this.

ALT attributes are primarily used to provide a text alternative to the image. Web browsers and other programs use this alternative text if the corresponding image or graphic cannot be interpreted correctly. In this way, no information is lost, and the user is told what the graphic or image is about.

The ALT attribute is also known as alternative text and describes in words what can be seen on an image or graphic. The basic principle here is that users who visit the Internet with screen readers can perceive websites without outside help and without restriction. The inserted alternative text should not exceed 40-80 characters, as this means that the display of the text with one or two lines remains clear, even for blind people.

Images cannot be displayed for various reasons.

In general, sighted people can also perceive the content of the picture in this way if a picture cannot be displayed for certain reasons. Such reasons are, for example, an outdated browser that cannot interpret certain image files or activated tracking protection in browsers such as Internet Explorer. In addition, some browsers, such as Mozilla Firefox, have a function that specifically prevents image graphics from being displayed.

Another reason for images or graphics not being displayed can also be a broken link to the image file. A broken URL to the image resource may be responsible for this.

The ALT attribute and SEO

The Alt attribute is important for search engines in order to assign the content of the image. Search engine robots cannot capture and index an image. You need meaningful texts that the crawler can find and use. Correct labeling of the images is part of professional OnPage work. Anyone who irritates their users through missing alt tags in the event of a problem must expect to leave the page. The alt attribute is also often used to rank well in Google’s image search.

Title attribute for images

The title tag of an image is the title that is displayed when you stop with the mouse pointer on the image. The title tag is stored in HTML format on an image or file as follows:

<img src =” Bildtitel.jpg” alt =” more information about the image” title =” that is displayed when you move the mouse over it”>

Similar to the alt tag, the title tag is important for search engine optimization so that Google can better capture the content of the page and the image and index it more precisely.

Definition of the title tag

The title tag is an indispensable part of every HTML page. The page title displayed in the browser must be set individually for each URL. When indexing a page, Google also takes the title tags into account. A short meaningful text helps with the high ranking in the SERPs and tempts the user to visit the website.

In the HTML code, the title tag looks in the <head> area and looks like this:

<head> <title> Online Marketing </TITLE> </ head>

Title tag optimization

The precise labeling of all title tags is the alpha and omega of search engine optimization. Every URL has to be given a unique individual title tag. For Google, this is a significant ranking factor.

The length of the title tag can make or break the optimization. Google Updates have long overridden the old rule that it must not be longer than 70 characters. The size of the title tag is now calculated in pixels. This means that the letters of the title must not exceed a total width. Otherwise, it will be shortened in the middle and may deter potential visitors to the page.

The potential visitor to the site should be well informed naturally. An unnatural listing of all keywords is not meaningful and therefore counterproductive, since Google will recognize it as keyword stuffing.

Since the title tag can be seen in the snippets of the SERPs, users can be informed about what to expect in advance.