How to Add Alt Tags to Images in Wordpress
- Details
- Reviews
- Installation
- Support
- Development
A quick overview
Bialty automatically adds ALT TEXTs to your images from page/article/product titles (with Woocommerce for online store) or Yoast's Focus Keywords, separately or combined (depending on your needs). BIALTY also allows, via a Post META Box, manual customization on your pages, with the use of ALT TEXTs other than those used with Yoast or page titles.
BIALTY works in automatic mode. Once installed, it will be active on all pages of your site, retroactively and for future content. You no longer have to think about your Alt Texts.
Also compatible with: TinyMCE, Page Builder by SiteOrigin, Elementor Page Builder, Gutenberg and more…
SUPPORTED IN 6 LANGUAGES
BIALTY plugins are translated and available in: English, French – Français, Russian –Руссɤɢɣ, Portuguese – Português, Spanish – Español, German – Deutsch
Why should you optimize your image Alt Texts? Because more than 20% of search queries are made on Google Images. Check here
Alternate text (Alt text) is a text description that can be added to an image's HTML tag on a Web page. It is used when the image in the Web page cannot be displayed, in which case the Alt text is shown instead. It is also displayed when a user mouses over the image.
Unfortunately, the ALT attribute is a critical step that is often overlooked.
Have you ever been in the situation where you have hundreds or thousands of images on your website without any alt tags? You know by definition that it will hurt your Google ranking in some way, especially when YOAST SEO keeps reminding you that « All the images on this page do not contain ALT attributes with the focus keyword ». This can be a lost opportunity for better rankings on search engines.
Of course, you could add these alts tags manually (and spend dozens of hours doing it) or use other WordPress plugins auto-adding the product/page/post title or image name/title as ALT texts (with « _ » which are not SEO-friendly, by the way), but they still won't be the best ALT attributes to be added to your images and Yoast will keep displaying this orange/red spot reminding you that you HAVE NOT DONE the job as you should. And for good reason, because Alt tags strengthen the message of your articles with search engine spiders (which cannot determine the content of images and must rely on Alt text to determine their contents) and improves the accessibility of your website.
BIALTY is a time-saver because it uses this « Focus Keyword » determined (by you) when optimizing your page/post/product with YOAST SEO (and optionally the page title) as ALT texts for all images contained on this page/post/product. Once your keyword is added in the « Focus keyword » field, after saving your settings, it will add it automatically to the image's HTML tags of your page : . Simple & efficient …
For your information, Google's article about images has a heading "Create great alt text". This is no coincidence because Google places a relatively high value on alt text to determine not only what is on the image but also the topic of the surrounding text.
(https://support.google.com/webmasters/answer/114016?hl=en )
How does it work?
Install BIALTY on your website, select your preferred option either « Only YOAST Focus Keyword » or « YOAST Focus Keyword + Page/post/product title », after saving, BIALTY will add ALT Texts to all images, on each page, according to your optimization.
Then, simply forget about it …
Best practices?
The text (keyword) should be kept short to maximize its impact. Shorter alt texts (thus keywords) are also more likely to be indexed by Google and the other major online search engines in a more efficient manner (please read our FAQ for more info)
What purpose do alt tags serve?
Search engines and other crawler bots cannot interpret/understand images, but images can play a crucial part in how people interpret a particular web page. Alt text solve for this by providing text which is read by the search engines.
When Google bot or other search engine crawlers inspect a page, images with properly formatted alt text contribute to how the page is indexed and where it ranks on SERP.
Alt text or Alt tag ?
When you think of image alt text, the term that may immediately come to mind is "alt tag". Alt tag is actually a misnomer and doesn't exist at all. Because alt text, or alternative text, is the alternate text attribute of the image tag.
This is where communication in the SEO world can get dicey, because it may be known as one thing that just about everyone knows what an alt tag is, but in reality, it is entirely different.
Alternative text (or Alt text) is mainly used by screen readers for the blind to decipher what an image is about. It lets you specify an image description that is fed through an audio-based prompter that tells blind people what is currently on the page as they are scrolling through the page.
According to W3C Accessibility Guidelines, for code to be considered W3C-valid, it is important to include both image alt text and image title text in the image for important images on the page.
Why is Alt Text Important?
Google's article about images has a heading "Use descriptive alt text". This is no coincidence because Google places a relatively high value on alt text to determine not only what is on the image but also how it relates to the surrounding text.
Using alt text (or Alt attribute) on your images can make for a better user experience, but it may also help earn you both explicit and implicit SEO benefits. Along with implementing image title and file naming best practices, including alt attribute will also contribute to image SEO.
Today, Google's search engine results pages (SERPs) deliver just as many image results as they do text-based results. So, one of the most important things image alt text can do for you is turn your images into hyperlinked search results — giving your website yet another way to receive organic visitors.
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. 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.
About Google's Image Recommendations ?
To boost your content's visibility in Google Images, focus on the user by providing a great user experience: make pages primarily for users, not for search engines. Here are some tips:
-
Provide good context: Make sure that your visual content is relevant to the topic of the page. We suggest that you display images only where they add original value to the page. We particularly discourage pages where neither the images or the text are original content.
-
Optimize placement: Whenever possible, place images near relevant text. When it makes sense, consider placing the most important image near the top of the page.
-
Don't embed important text inside images: Avoid embedding text in images, especially important text elements like page headings and menu items, because not all users can access them (and page translation tools won't work on images). To ensure maximum accessibility of your content, keep text in HTML, provide alt text for images.
-
Create informative and high quality sites: Good content on your webpage is just as important as visual content for Google Images – it provides context and makes the result more actionable. Page content may be used to generate a text snippet for the image, and Google considers the page content quality when ranking images.
-
Create device-friendly sites: Users search on Google Images more from mobile than on desktop. For this reason, it is important that you design your site for all device types and sizes. Use the mobile friendly testing tool to test how well your pages work on mobile devices, and get feedback on what needs to be fixed.
-
Create good URL structure for your images: Google uses the URL path as well as the file name to help it understand your images. Consider organizing your image content so that URLs are constructed logically.
PS: Pagup recommends Site kit by Google plugin for insights & SEO performance.
Installing manually
- Unzip all files to the
/wp-content/plugins/bulk-image-alt-text-with-yoast
directory - Log into WordPress admin and activate the 'BIALTY – Bulk Image Alt Text (Alt tag, Alt Attribute) with Yoast SEO + WooCommerce' plugin through the 'Plugins' menu
- Go to "Settings > Bulk Image Alt Text" in the left-hand menu to start work on it.
-
What is alt text?
-
Alt text (alternative text), also known as "alt attributes", "alt descriptions," and technically incorrectly as "alt tags," are used within an HTML code to describe the appearance and function of an image on a page.
-
How to use Alt text:
-
• Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.
• Alt tags will be displayed in place of an image if an image file cannot be loaded.
• Alt tags provide better image context/descriptions to search engine crawlers, helping them to index an image properly. -
Appropriate length?
-
Google seemed to count the first 16 words in the ALT tag and interestingly in the snippet Google uses, it does seem to completely cut off the rest of the ALT and from the 17th word. Having 16 words to work with might prove very useful if you are using ALT tags to describe more complex images. There is potentially plenty of available space to describe images properly for accessibility purposes AND SEO impact.
-
Optimizing your images for SEO helps crawlers better index your web pages, which in turn can give you a rankings boost because it can make the page more relevant to users. Let's say a searcher needs plumber repairs for a clogged bathroom drain. Google has to choose between two web pages from different companies, both of which have equal ranking factors. As the crawler reads through the first page, it doesn't identify any image alt-tags, therefore, it assumes the images (if there are any) do not add page-specific value. On the second page, however, the crawler locates five images, each one with a full description of what the image is showing. All five images' alt tags supplement the rest of the text on the page. Since Google is all about spitting out the results you'll most likely jive with, it's going to go with the article that it thinks is more relevant.
Not free for WooCommerce :/
thanks saved a lot of work, have to see the implication but if good will upgrade to 5 stars
made my work easy. Thanks
It is really good and does its job so you save time and effort for alt text. A+++
Read all 93 reviews
"Bulk Auto Image Alt Text (Alt tag, Alt attribute) optimization (image SEO) + Woocommerce" is open source software. The following people have contributed to this plugin.
Contributors
1.0.0
- Initial release.
1.0.1
- Fixed an error and translation issues.
1.0.2
- Added SEO recommendations and tools
- Fixed text errors
1.1.0
- Added custom alt text option for individual posts, pages and woocommerce products
- Disable BIALTY for individual posts, pages and woocommerce products
- Add website title at the end of yoast focus keyword, post title or both.
1.2.0
- Added Support for Popular Page Builders (WPBakery Page Builder, Elementor, Site Origin, Divi…)
- Added Support for Popular sliders (Revolution Slider, Layer Slider and other free sliders)
- Improved code, fixed errors
1.2.1
- Fixed notices time upto 4 months after dismiss
- Boost your ranking on Search engines with optimized robots.txt
1.2.2
- Fixed a major issue with cache plugins.
- Code improvement
1.2.4
- Update Freemius SDK to latest release v2.3.0
- Imroved code and fixed security
- BIGTA recommedation notification
- Updated all translations
1.2.5
- Fixed bug when post title start with a number, leave images broken
1.2.6
- Improved notifications
1.2.7
- VidSEO recommedation
1.2.8
- Changed textdomain to fix translation error in WordPress repo log.
1.2.9
- Improved text
1.3.0
- Improved code by using DOM to loop through all images
- Use image name as ALT text for post, page and products (pro version)
1.3.1
- Fixed conflict issue with BuddyPress Profile Photo and Cover image upload
- Fixed abruptly closing html and body tags issue
- Fixed bialty dom loop unncessarly running on woocommerce
- Fixed "Add site title" issue when post title option is selected
1.3.2
- Added new function for activate and clean buffering filter
- Fixed buffering issue with clean output buffer
- Output buffer to start if its on single post. page, product
- Fixed upload conflict with WCFM – Frontend Manager
1.3.3.1
- Disabled output buffer for woocommerce checkout page to fix payment loading issue
1.3.3.2
- Fixed bug with custom alt keyword
- Fixed some styling issues
1.3.3.3
- Fixed disable bialty issue on ninja forms
- Added $bialty_img_found variable to fix issue with wp_blog_header file in some themes
1.3.4
- Fixed issue wtih Autoptimize (Upload option broken on buddypress profile when Bialty & Autoptimize are active)
- Fixed issue with images inside Woocommerce Product Description
1.4.0
- 🐛 FIX: issues with Woocommerce cart, Autooptimize, Ninja Forms, BuddyPress and several other bugs
- 👌 IMPROVE: Plugin Code with wordpress filter methods
- 👌 IMPROVE: Updated freemius to latest version 2.3.2
1.4.1
- 🐛 FIX: issue with PHP DOMDocument flags. Added root div before $content filter
- 📦 NEW: Added Focus Keyword feature for Rank Math SEO
1.4.2
- 🐛 FIX: issues with Astra Theme (Woocommerce Product Gallery images)
- 👌 IMPROVE: Added 'bialty-container' class for div which wraps post content.
1.4.2.1
- 🔥 NEW: WP Google Street View promotion
- 🐛 FIX: Some minor text issues
1.4.3
- 🐛 FIX: Issue with WooCommerce styling.
- 🔥 Complete Code refactor. Better structure
1.4.3.1
- 🐛 FIX: Freemius Opt-in Issue.
1.4.3.2
- 🐛 FIX: Fixed disable Bialty issue on Single Post/Page/Product.
- 👌 IMPROVE: Updated freemius to latest v2.4.0.1
1.4.3.3
- 👌 IMPROVE: Added NoticeController & View. Notice will only appear on plugin settings page
1.4.3.4
- 👌 IMPROVE: Updated freemius to v2.4.1
1.4.3.5
- 👌 IMPROVE: Tested up to WordPress v5.6
- 🐛 FIX: Get Pro URL
1.4.4
- 👌 IMPROVE: Refactored code to MVC
- 👌 IMPROVE: Many small improvements
- 🐛 FIX: Issue with Woocommerce Gallery when Settings are disabled.
1.4.4.1
- 🐛 FIX: Request Issue with PHP v5.6
- 🔥 NEW: Meta Tags for SEO promotion
1.4.4.2
- 👌 IMPROVE: Updated freemius to v2.4.2
- 🐛 FIX: Capability bug causing PHP notices & warnings
- 🐛 FIX: language domain
1.4.4.4
- 🐛 FIX: PHP notice for woocommerce gallery images
- 🐛 FIX: Alt issue with Woocommerce gallery
1.4.4.5
- 🐛 FIX: Removed promo
How to Add Alt Tags to Images in Wordpress
Source: https://wordpress.org/plugins/bulk-image-alt-text-with-yoast/
0 Response to "How to Add Alt Tags to Images in Wordpress"
Post a Comment