SEO Basics | Image Descriptions | Authority Ranking | Tweaking Robots.txt
NAME the file but “STICK-TO-IMAGE-DESCRIPTION+DATE.jpg/png” (the file name shouldn’t be random numbers).
Add metadata offline to the image itself! (See tutorials for Adobe Photoshop File Info, Adobe Bridge, Camera Bits Photo Mechanic, and Microsoft Expression Media).
You may wish to save your images to a cloud. This in some cases allows you greater control. You can then link to the image file (in the cloud) from your web page. Do make sure to Add, edit or remove a location from a photo and other data (see: How to remove personal data from image files - CNET).
If you choose to upload the image to your server then place the image within a folder called "images".
On the web page make a short, clear, image description for the ALT (image) tag. Now you are ready for the TITLE (image) tag which is generally visible when one mouses over an image. Here you may wish to make a slightly shorter description and AVOID AT ALL TIMES stuffing keywords into this text. This will help to explain to a blind user what image is displaying and it will provide text in the event that your image does not appear on your site.
Important: The alt attribute has an important role in accessibility requirements - it is used by screen readers and is a central part for ADA rules. Aim for an accurate, concise description IN THE CONTEXT of the article or page. It is also used, as well said in Wikipedia, “(...) in situations where the image is not available to the reader, perhaps because they have turned off images in their web browser or are using a screen reader due to a visual impairment, the alternative text ensures that no information or functionality is lost.” See these first-rate WAI tutorials. Meeting Accessibility standards on your site will also greatly increase your SEO ranking. The two work hand in hand. See also: Web Accessibility and SEO.
A bit more: Alternative text serves several functions – via webaim.org: (...)
"It is read by screen readers in place of images allowing the content and function of the image to be accessible to those with visual or certain cognitive disabilities.
It is displayed in place of the image in browsers if the image file is not loaded or when the user has chosen not to view images.
It provides a semantic meaning and description to images which can be read by search engines or be used to later determine the content of the image from page context alone." More: https://webaim.org/techniques/alttext/#basics
alt=“Red Sweater from our fall 2018 collection in Paris as worn by a female model in red high heels and blue jeans”
title=“Your Brand Name: Red Sweater, Fall 2018 collection". (optional) "Click image for the show catalog in PDF” - You may wish to place a LINK on an image to FURTHER INFORMATION about the topic. In this case, you might INDICATE in your TITLE TAG that if one clicks on the image that you are taken to a PDF file or another source.
Can I Duplicate Title and Alt Text? Via raventools.com
If you have a large page with a lot of images, what keywords you use in your image alt and title fields could make a small difference in your rankings.
But keyword stuffing is still keyword stuffing.
Rules of thumb:
See W3C’s Easy Checks for manual accessibility checking.
And do read: https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/
Also, see this video to get the best looking and least load time for your images:
See how page speed is important for both rankings and user experience
It is wise to have at least one image per blog post to allow for social media sharing.
See (2018) image size requirements for: Instagram | Twitter | Facebook | Pinterest | Tumblr | Google+
See also: https://developers.facebook.com/docs/sharing/best-practices/
This made in Palo Alto guide to basic SEO was last updated September 3rd, '18 by Ardan Michael Blum - CEO at A. Blum Localization Services.
A. Blum Localization Services Palo Alto is located at 345 Forest Avenue, Suite 204, 94301, California, USA.