{"id":8620,"date":"2023-08-29T16:24:20","date_gmt":"2023-08-29T15:24:20","guid":{"rendered":"https:\/\/dev.seo-marketing.koeln\/alt-tag-and-title-tag\/"},"modified":"2026-03-10T09:28:20","modified_gmt":"2026-03-10T08:28:20","slug":"alt-tag-and-title-tag","status":"publish","type":"post","link":"https:\/\/seo-marketing.koeln\/en\/alt-tag-and-title-tag\/","title":{"rendered":"ALT tag and TITLE tag"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h2\">What is the ALT tag?<\/h2>\n\n\n\n<p>The alt tag is used by <a href=\"\/?p=8605\">search engines<\/a> as soon as images or graphics are not displayed and is an abbreviation for the &#8220;alternative tag&#8221;. This alternative text is stored and appears as a short description of an image or graphic that is not loaded. The alt tag is not visible to the user and belongs to the <a href=\"\/en\/?p=8554\">meta information<\/a>.<\/p>\n\n\n\n<p>For an image file, the codes are stored as <a href=\"\/?p=8538\">HTML elements<\/a> in the source text. It is particularly important to use double coding characters instead of single quotation marks. An example of this could look like this:&lt;img src=&#8221;bildtitel.jpg&#8221; alt=&#8221;More information about the image&#8221; \/&gt;<\/p>\n\n\n\n<p>Normally, <a href=\"\/?p=8599\">CMSs<\/a> offer an automatic implementation of the Alt tag. When labeling, it is important to choose a description that is as short and above all meaningful as possible, as well as the main keyword. <a href=\"\/?p=8563\">Keyword<\/a> stuffing should be avoided.<\/p>\n\n\n\n<p>From a usability point of view, the alt tag is indispensable. The Alt-Tag is particularly advantageous for visually impaired people. Barrier-free access to all content is made possible, as the alt tag reads out the information on the screen using screen readers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h3\">Relationship between ALT attribute and SEO<\/h3>\n\n\n\n<p>As already explained, the alt attribute is important in order to be able to assign the content of the image. <a href=\"\/?p=8556\">Search engine<\/a> robots can neither capture nor index these images. The robots need meaningful texts that the crawler can find and process. Professional on-page work is required in order to tag these images correctly. Missing alt tags may confuse the user and cause them to leave the <a href=\"\/?p=8581\">website<\/a>. Another benefit of the alt attribute is to <a href=\"\/?p=8498\">rank<\/a> as high as possible in Google&#8217;s image search.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h4\">Definition of title attribute for images?<\/h3>\n\n\n\n<p>If you stop the mouse pointer on an image, the title of the image is displayed. This is the title tag of an image. An example of a background for an image in <a href=\"\/?p=8538\">HTML format<\/a> looks like this:&lt;img src=&#8221;Image title.jpg&#8221; alt=&#8221;more information about the image&#8221; title=&#8221;this is displayed when you move the mouse over it&#8221; \/&gt;<\/p>\n\n\n\n<p>The title tag, similar to the alt tag, is necessary for <a href=\"\/?p=8501\">search engine optimization<\/a> so that Google can better capture the content of a page and its images and <a href=\"\/?p=8556\">index<\/a> them more accurately.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h5\">What is a title tag?<\/h3>\n\n\n\n<p>The title tag is a must for every <a href=\"\/?p=8538\">HTML<\/a> page. The page title displayed in the browser must be set individually for the URL. The title tags are also considered by Google during indexing. A short, meaningful text in the <a href=\"\/?p=8493\">SERPs<\/a>that entices the user to visit the website leads to a high <a href=\"\/?p=8515\">ranking<\/a>. In the &lt;head&gt; area, the title tag in the <a href=\"\/?p=8538\">HTML<\/a> code could look like this:&lt;head&gt;&lt;title&gt;Seo Marketing Cologne &#8211; Your Seo Agency&lt;\/TITLE&gt;&lt;\/head&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h6\">Optimization of the title tag<\/h3>\n\n\n\n<p>A precise description of the title tag is particularly important for <a href=\"\/?p=8501\">search engine optimization<\/a>. It is important to give each <a href=\"\/?p=8518\">URL<\/a> an individual and, above all, unique title tag. This is a key ranking factor for Google.<\/p>\n\n\n\n<p>The length of the title tag can determine both the positive and negative impact of the <a href=\"\/?p=8501\">optimization<\/a>. Google&#8217;s new rules do not specify an exact number of characters, as was previously the case. Nowadays, the size of the title tag is calculated in pixels. This means that a certain total width may not be exceeded by the characters of the title. Otherwise, the title will be shortened in the middle and thus discourage visitors to the page.<\/p>\n\n\n\n<p>In the best case, the potential visitor is offered good information in a natural way. An unnatural list of all <a href=\"\/en\/?p=8525\">keywords<\/a> would be counterproductive and anything but meaningful, as Google would recognize it as <a href=\"\/?p=8563\">keyword<\/a> stuffing.<\/p>\n\n\n\n<p>Users can be informed in advance about what to expect, as the title tag can be seen in the <a href=\"\/?p=8513\">snippets<\/a> of the SERPs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The alt tag is used by search engines as soon as images or graphics are not displayed.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[57],"class_list":["post-8620","post","type-post","status-publish","format-standard","hentry","category-seo-lexicon","tag-a-en"],"_links":{"self":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/posts\/8620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/comments?post=8620"}],"version-history":[{"count":3,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/posts\/8620\/revisions"}],"predecessor-version":[{"id":35900,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/posts\/8620\/revisions\/35900"}],"wp:attachment":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/media?parent=8620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/categories?post=8620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/tags?post=8620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}