What is Alt Text?

9 minuti di lettura

Alt text, or alternative text, is a written description of an image on a webpage embedded within the HTML code.

Alt text provides a textual description for images, potentially aiding website accessibility for visually impaired users and providing context for search engines regarding the image content.

Consider the user experience during the writing process.

Consiglio da professionista:
For complex images such as infographics, use the alt text to link to a separate page or a longer description describing the content (particularly the data points).
Punti chiave:
  • Alt text should describe the image for accessibility purposes, separate from SEO considerations
  • Keep descriptions short (under 125 characters) and integrate keywords naturally
  • Use alt="" for decorative images, but descriptive alt text for all others

Where is Alt Text used?

Alt text is used within the alt attribute of the HTML image tag. This placement is necessary because the alt attribute is the standard coding element that screen readers and search engine crawlers are programmed to look for when processing an image. It is an invisible piece of metadata.

Approfondimento:
The inclusion of Alt Text within Hocoos does not necessitate code or HTML manipulation. Just click on an image in the editor, find the “Alt Text” field, and type in your description. The remaining steps are automated by Hocoos.

What are the Best Practices for writing effective Alt Text?

Effective alt text is concise, describes the image briefly, and is relevant to the surrounding content. This method aims to meet the objectives of ensuring information is understandable for accessibility tools and providing relevant context for search engine indexing.

•   Describe in detail: The main subject, action, and setting should be the focus of your description.

•   Be brief: Your goal should be to have short, clear explanations.

•   Consider redundancy: It can involve decreasing the frequency of phrases like “picture of” or “image of” in descriptions.

•   Focus on function: In the case of interactive elements, the description should be the action (e.g., “Link to the homepage.”)

•   Write naturally: The description should be crafted for a human reader first.

How does Alt Text help with SEO?

Alt text is essential for SEO because it provides search engine crawlers with information that they cannot obtain just by viewing the image. The alt attribute serves as a text anchor, connecting visual content to the page’s topic, which may affect its ranking in web and image search.

Consigli Professionali: 
•   The presence of effective alt text may correlate with image visibility in Google Search’s “Images” section, which could affect visitor numbers.

•   Implementing keyword variation is highly recommended. Supposing your main keyword is “electric scooter,” you can put “e-scooter for commuting” in the alt text of a related image so that a wider variety of searches is captured.

How long should Alt Text be?

The alt text must be straightforward and, if possible, less than 125 characters. The reason for this length is that most screen readers will only present the first 125 characters of the alt text to the user, and shorter text is quicker for a user to understand.

Should I use keywords in Alt Text?

It is correct that you should use alt text for the image with keywords that correspond to the image, but only if they go naturally in the description. Parole chiave play a significant role in SEO, but the primary purpose of alt text is to enhance accessibility. The use of numerous keywords in alternative text is relevant to user experience and search engine rankings.

Do all images need Alt Text?

Descriptive alt text is not required for every image; the decision to provide it depends on the image function. This distinction is a crucial point in accessibility. Images that contribute to the message may benefit from descriptions, and purely decorative images might be excluded from screen reader recognition to reduce auditory clutter.

Approfondimento:
In the case of functional images (e.g., submit buttons), the alt text can indicate the intended action, such as “Send Email,” rather than focusing on the visual aspect of the image.

How should Alt Text be written for decorative images?

Images serving only decorative purposes can use an empty or null alt attribute: alt=””. The presence or absence of an alt attribute may influence how a screen reader interprets an image, potentially categorizing its content as supplementary.

Esempio: Line dividers or background textures primarily intended for decoration might use alt=””.

Conclusione

Alt text is an indispensable element of modern web development, serving as the bridge between visual content and universal accessibility. Implementing image descriptions can impact a website’s SEO and its approach to user experience.

Indice

PRONTO A DARE IL VIA AL TUO PERCORSO CON LA TUA PICCOLA IMPRESA?

Considerazione importante: Le informazioni fornite dal nostro team di esperti sono pensate per offrirti una comprensione generale del processo di creazione di un sito web e delle funzionalità a tua disposizione. È importante notare che queste informazioni non sostituiscono la consulenza professionale personalizzata in base alle tue esigenze e ai tuoi obiettivi specifici.
Leggi la nostra standard editoriali per i contenuti di Answers.
Il nostro obiettivo è quello di consentirti di creare un sito web straordinario. Se hai domande o necessiti di una guida durante il processo di creazione, non esitare a Contattaci. Saremo lieti di fornirti assistenza e indicarti la giusta direzione.