Display image alt tags as overlays

Latest Version

Version
2.1
Update
April 3, 2023
Size
233KiB
Developer
stewartmedia.com.au
Category
Users
75
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Scripting
See more

AltLands Extension

Altlands is a Chrome Extension that helps you quickly analyze the alt tags on images of a webpage and assess their relevance to the page's content. By overlaying each image's alt text and calculating the match percentage between the alt text and the page title, Altlands provides valuable insights to optimize your images for better SEO.

Features:

Overlay alt text on images with a single click.
Calculate the match percentage between alt text and page title.
Highlight images with missing alt tags using a sad face emoji (😞).
Toggle the overlay on and off easily.
How it works:
When you activate Altlands on a webpage, it overlays each image with its corresponding alt text. If the alt text is missing, a sad face emoji (😞) is displayed instead, indicating an opportunity to improve SEO by adding a relevant alt tag.

Additionally, Altlands calculates the match percentage between the image's alt text and the page title. This metric helps you assess whether the alt text is relevant to the page's content. For example, on a product page, the main product image should ideally have a nearly 100% match with the page title, ensuring that the image is properly optimized for search engines.

Example use case:
Imagine you have an e-commerce website with multiple product pages. On each product page, there is a main product image that should be optimized for search engines. By using Altlands, you can quickly assess whether the alt tags of these images are relevant and SEO-friendly.

If the main product image has a nearly 100% match with the page title, it indicates that the alt tag is well-optimized for search engines. However, if you see a sad face emoji (😞) in the overlay, it highlights an opportunity to make the image more SEO-friendly by adding a relevant alt tag. This can help improve the search engine rankings of your product pages and increase the visibility of your products.

By using Altlands, you can efficiently evaluate and optimize the alt tags across your website, ensuring better SEO performance and higher search engine rankings.

Additional instructions:
If you need further assistance with Altlands or have any questions, please feel free to contact our support team.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "AltLands", "version": "2.1", "description": "Display image alt tags as overlays", "action": { "default_popup": "popup.html", "default_icon": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "permissions": ["scripting"], "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ] } "
Read more

How to download and manually install AltLands extension for Chrome

Looking for a way to install AltLands extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install AltLands extensions manually, this article outlines two simple methods to effortlessly install AltLands extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download AltLands extension and manually install through Drag &Drop

If you ever need to manually install a AltLands extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the AltLands Extension by clicking the "Download CRX" button on the website.

Look for the AltLands extension you wish to install. Go to the website and download the AltLands extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for AltLands extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the AltLands extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download AltLands extension for Chrome and install in Developer Mode

This is another method to install AltLands extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the AltLands extension file

Select and download the AltLands extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the AltLands extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your AltLands extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the AltLands extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install AltLands extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Image ALT Extension · Accessibility 75 1 ★ 77.84KiB

icon

Image Alt Text Overlay Extension · Developer Tools 75 3 ★ 25.01KiB

icon

Social visual alt text Extension · Accessibility 75 12 ★ 22.77KiB

icon

Alt Audit Extension · Accessibility 75 0 ★ 207KiB

icon

A11y quick check Extension · Accessibility 75 4 ★ 465KiB

icon

Image Alt Text Viewer Extension · Accessibility 75 13 ★ 17.67KiB

icon

Detail Page Optimizer Extension · Productivity 75 0 ★ 468KiB

icon

Title & Meta Description Checkers - cmlabs SEO Tools Extension · Developer Tools 75 2 ★ 3.57MiB

icon

ImgSEO - AI-powered alt text generator for SEO and accessibility Extension · Productivity 75 6 ★ 134KiB

icon

Broken Link Checker Extension · Developer Tools 75 10 ★ 158KiB

icon

SEO Web Image Alt Text Scraper and Extractor Extension · Productivity 75 2 ★ 31.61KiB

icon

AltText.ai: Alt text generator Extension · Productivity 75 8 ★ 34.32KiB

icon

Missing ALT attribute images detector Extension · Developer Tools 75 0 ★ 35.86KiB

icon

Rank One Extension · Social & Communication 75 0 ★ 425KiB

icon

Link url replacer Extension · Developer Tools 75 3 ★ 8.08KiB

icon

Heading Tag Markup Extension · Developer Tools 75 7 ★ 8.25KiB

icon

H-tag Extension · Developer Tools 75 11 ★ 14.92KiB

icon

Alt or not Extension · Accessibility 75 7 ★ 23.93KiB

icon

SEO Checker Extension · Productivity 75 7 ★ 797KiB

icon

domainNote - website sticky notes in side panel Extension · Productivity 75 6 ★ 182KiB

icon

ALT AI: Add alt text to image descriptions Extension · Accessibility 75 6 ★ 62.15KiB

icon

SEO Header Highlighter Extension · Productivity 75 1 ★ 17.95KiB

icon

SEOTesting Extension · Productivity 75 7 ★ 1.56MiB

icon

Meta tags - SEO Tool Extension · Developer Tools 75 3 ★ 7.41KiB