Best practice SEO for images added via WP
-
<label class="setting" data-setting="title">Hi</label>
When adding an image to a post or page using wordpress I have complete 4 fields:
Title
Caption
Alt Text
DescriptionIf the image is of an orange campervan in Cornwall, UK then how best would I complete these fields? Can Title and Alt be the same and can Caption and description be the same?
Thank you for this!
James
-
It doesn't really matter that much if you use the alt text, and title well to describe the image. However, I always recommend (and do it myself) renaming the image to match the title, in your case something like orange-campervan-cornwall-uk.jpg.
Always use dashed to separate words, not underscores
-
One other thing if you have time - what should the image be called in the file it's uploaded from? Would it be 'orange campervan cornwall uk'? Thanks
-
Thank you - it makes sense now!
-
Thanks for a fast and detailed response!
-
Hi James,
Each field is actually intended for something different:
- Title: should be what is the image. In this case: orange campervan
- Caption: Is what shows up under the image describing it to users visiting the page. In this case: orange campervan in cornwall, UK blah blah.
- Alt Text: Should be an image description that appears when the browser can't (for some reason) display the image. In this case can be either "orange campervan", "Image of orange campervan" or whatever you think describes best the image when somebody can't see it.
- Description: Is just that, a short, brief description of the image contents.
Hope that helps.
-
First, I would focus on making the alt tag accessible. If the image didn't load, or a user happened to be visually impaired, could they tell what should be in the images place? So alt="orange campervan in cornwall uk", but only if the context of Cornwall UK is important. Don't write a book, if the image is that of a green apple - then alt="green apple".
Here's more on alt text. *Note, don't use images for a nav, but definitely alt -exactly- if you don't have a choice.
The purpose of a caption is editorial. It should be a little less terse than your alt text. If you're writing about traveling through Cornwall in your campervan something like; "What an adventure I had when driving my orange campervan through Cornwall UK". If you're writing about your trip through Cornwall UK in your orange campervan - then you've successfully given the lizard brain a reason to possibly stick around and read.
The description part really depends on if your theme supports it. More on that here. An example would be; "I really liked this shot of my orange camper van. The sunsets in Cornwall UK are amazing!" (If there's a sunset.) You're really just providing commentary here.
The title is closer in spirit to the alt text. It may also include a CTA. "Click here for more adventures"
But the overall goal should be aimed at being descriptive where appropriate and succinct where necessary. Doing so improves accessibility. If you're remotely talking about the topic, the keywords tend to fall into place.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Learndash plug-in SEO
Hi Mozzers, I was wondering if anyone is using the Wordpress LMS plug-in 'Learndash'?
Image & Video Optimization | | WeAreDigital_BE
We use Wistia as hostingplatform for our videos, but a client of us prefers to use Learndash.
Are you happy with this plug-in? Are there any negative consequences for SEO? Thanks in advance! Jens0 -
Does Google Image Search consider meta data (EXIF) when looking for a location?
Does Google Image Search consider meta data (EXIF) when looking for a location? Is it essential to define the meta data in order to rank top with images?
Image & Video Optimization | | fduo0 -
How do I best optimize a video for a client's name?
Hello everyone, I have a client who is obsessed with his videos being indexed directly under his site. We've already labeled his videos with his names, enhanced the meta data to the video to include his name, have added his website to his YouTube Channel, and also have synced his Google Plus Business Page with his YouTube Channel. Any other tips to further optimize his videos with his name? This is a new channel, with an age of only 2 weeks- but this client is being quite loud, and thought I would see if any Moz'ers have any other tips/ suggestions? Thanks Everyone! -Kristin
Image & Video Optimization | | Red_Spot_Interactive1 -
Vimeo Pro, video SEO and rich snippets
Hi All, we are producing product demonstration videos. One major aim with these videos is to help our rankings for these specific product pages and associated keywords... and to get rich snippets displayed on Google results pages against our listing. We have used schema.org markup in the product pages body code along with / next to the embed vimeo video code on the product page in order to hopefully get us rich snippet listing... we used schema.org markup as this seems to be the main current markup for rich snippets we have hosted the video via Vimeo Pro so that it is served quickly and not affected by speed of our hosting server or any possible bandwidth issues on our hosting server and ensure sthat the traffic comes to our site pages rather then Youtube or similar Vimeo Privacy settings for the video have been set so that we have not allowed it to be embed anywhere except for our own domain and the video is not displayed on Vimeo.com to ensure that the video is not duplicated anywhere else... so that this is unique content on our own site for maximum value for our domain We have used the "old code" from Vimeo Pro for embedding the video on our product page rather than the current iframe code as from what i understand Google cant follow very well and doesn't necessarily trust content displayed in iframes. Video and schema.org markup code used is on product page is: <div itemprop="<a class="attribute-value">video</a>" itemscope itemtype="<a class="attribute-value">http://schema.org/VideoObject</a>"> <p ><strong>Watch our <span itemprop="<a class="attribute-value">name</a>">Click 7 Lite Duo demonstrationspan>:strong>p> <meta itemprop="<a class="attribute-value">thumbnailURL</a>" content="<a class="attribute-value">http://www.3wisemonkeys.co.uk/img/products/nextbase-click-7-lite-duo-thumb.jpg</a>" /> <meta itemprop="<a class="attribute-value">duration</a>" content="<a class="attribute-value">T2M23S</a>" /> <span itemprop="<a class="attribute-value">description</a>">A product demonstration showing what's included in the box when you buy a Click 7 Lite Duospan>...:<br /> <p align="<a class="attribute-value">center</a>"> p> <p align="<a class="attribute-value">center</a>"><object width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>"><param name="<a class="attribute-value">allowfullscreen</a>" value="<a class="attribute-value">true</a>" /><param name="<a class="attribute-value">allowscriptaccess</a>" value="<a class="attribute-value">always</a>" /><param name="<a class="attribute-value">movie</a>" value="<a class="attribute-value">http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0</a>" /><embed src="[http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0](view-source:http://vimeo.com/moogaloop.swf?clip_id=67392721&force_embed=1&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00adef&fullscreen=1&autoplay=0&loop=0)" type="<a class="attribute-value">application/x-shockwave-flash</a>" allowfullscreen="<a class="attribute-value">true</a>" allowscriptaccess="<a class="attribute-value">always</a>" width="<a class="attribute-value">500</a>" height="<a class="attribute-value">281</a>">embed>object> p> div> Page this code is used on: http://www.3wisemonkeys.co.uk/proddet.jsp?id=2016&cat=1 Could anyone confirm whether the above seems to be what we need to do / should be doing to get the most value from these videos for helping our web site rank better with Google / search engine results pages as well as getting rich snippets displayed? Lastly does the above code seem correct and include all the necessaries for rich snippets? Thanks for any pointers.
Image & Video Optimization | | jasef0 -
Prioritising certain images in search results
I am currently putting together a website for my hobby (collecting cycling jerseys) that I can then use to improve my SEO knowledge. I have tried to optimize the image names so that when somebody searches for a particular item, the image is shown in Google Images. For example; if you type in "ADR jersey" in google; it gives the following image; http://cycling-jersey-collection.com/images/150px/2013-02-07-adr-fangio-ioc-mbk-1987-team-retro-jersey-maillot-trikot.jpg Whereas I want it to prioritize this one; http://cycling-jersey-collection.com/images/2013-02-07-adr-fangio-ioc-mbk-1987-team-retro-jersey-maillot-trikot.jpg The smaller image is used on a "Browse" the collection page whereas the bigger one is just used on the single, specific page. Can anybody offer any up-to-date advice? Thanks! Andy
Image & Video Optimization | | andystorey0 -
Text Images
I have created an infographic using easel.ly. I want to upload this to my blog but I'm just concerned whether Google will see it as an image or will it be able to read all the text that is on it. Any thoughts?
Image & Video Optimization | | AAttias0 -
SEO for Explicit / Medical Pictures - Will It Hurt Rankings?
I have a client with page 1 rankings for several keywords. He wants to make some updates to his website. He is offering a new service and wants to show before and after photos of the procedure. He is an OB/GYN, so the before/after pictures are very explicit and have full nudity. How will this affect his rankings? Is there something that I can do to tell Google and other SE's that these photos are medical and not pornographic? Should I host them on another domain? Just looking for thoughts and insight. Thank you in advance!
Image & Video Optimization | | itrogers0 -
Alt text in combination with images from another source / url
I have a feed that is parsed on my website. All images do come form another source( and url that differts from my site). However I can change the alt text. I concerns hotel mages worldwide. In order to relate the images with the different language I want to add a small phrase "airport hotel" translated in the laguages that are present on my site Example alt text will be alt="airport hotel: Mercure Schiphol Terminal" or in German alt="Flughafen hotel: Mercure Schiphol Terminal" Will this have a positive effect on my SEO despite the url of the images are not related to my site?
Image & Video Optimization | | fctexel0