How do I write good alt text?ĭescribe the image as specifically as possible.
With on-page keyword usage still pulling weight as a search engine ranking factor, it's in your best interest to create alt text that both describes the image and, if possible, includes a keyword or keyword phrase you're targeting. In that sense, alt text offers you another opportunity to include your target keyword.
If you're trying to rank for "Jim Halpert's impersonation of Dwight Schrute," though, you'll need to lend the search engine a helping hand. Here's an example: Google might see the following image and be able to decipher that it's a man wearing a tie and glasses, sitting at a desk. If they don't understand, or get it wrong, it's possible you could either rank for unintended keywords or miss out on ranking altogether. While search engine image recognition technology has vastly improved over the years, search crawlers still can't "see" the images on a website page like we can, so it's not wise to leave the interpretation solely in their hands. Along with implementing image title and file naming best practices, including alt text may also contribute to image SEO. Using alt text on your images can make for a better user experience, but it may also help earn you both explicit and implicit SEO benefits. Including alt text with your images ensures all users, regardless of visual ability, can appreciate the content on your site. This includes screen readers and browsers that block images, but it also includes users who are sight-impaired or otherwise unable to visually identify an image.
Its original (and still primary) purpose is to describe images to visitors who are unable to see them. AccessibilityĪlt text is a tenet of accessible web design.
PHOTO READER DEFINITION CODE
Neither of these examples are recommended. The first line of code actually doesn't contain any alt text at all (notice the quotes are empty), while the second example demonstrates keyword stuffing in alt text. This isn't just a stack of "pancakes" (as the first alt text example demonstrated) it's a stack of blueberry pancakes with a dusting of powdered sugar! This alt text is a better alternative because it is far more descriptive of what's in the image, while remaining concise. But, there's more to be said about this image. Yes, this is an image of a stack of pancakes. This alt text is only "okay" because it's not very descriptive. Let's look at a few examples of alt text for this image of a delicious-looking stack of blueberry pancakes: If you can close your eyes, have someone read the alt text to you, and imagine a reasonably accurate version of the image, you're on the right track. The best format for alt text is sufficiently descriptive but doesn't contain any spammy attempts at keyword stuffing.
PHOTO READER DEFINITION TRIAL
Take a 30-day free trial on us and see what you can achieve: Moz Pro's Page Optimization feature will help you find missing or subpar image alt text that could be improved.
PHOTO READER DEFINITION PRO
Use Page Optimization in Moz Pro for improved alt text The highlighted text shows the alt text (alt attribute) of the image at left. Alt text provides better image context/descriptions to search engine crawlers, helping them to index an image properly. Alt text will be displayed in place of an image if an image file cannot be loaded.ģ. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.Ģ. Adding alternative text to photos is first and foremost a principle of web accessibility. Alt text (alternative text), also known as "alt attributes," “alt descriptions," or technically incorrectly as "alt tags,” are used within an HTML code to describe the appearance and function of an image on a page.
0 kommentar(er)
