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
-
Lazy Loading & Image SEO
I wanted to implement lazy loading on my whole domain, but was unsure about the effect on the organic image search. Therefore I implemented it some months ago on 3 selected URLs with medium organic image traffic. Unfortunately all 3 pages dropped significantly (roughly 80%) of image impressions and clicks (seach console data). It seems that just images within the fold, that are not loaded via lazy load are still ranking. Does anybody have here more positive experiences?
Image & Video Optimization | | _Heiko_0 -
Optimizing Images Already on Website
I am familiar with tools to reduce jpeg images file size etc before uploading to website. After jpeg images are uploaded to a website, what can be done to enhance load speed of these images? Any software to compress images on a website already?
Image & Video Optimization | | khi50 -
CDN image links passing SEO benefit?
We used a CDN to host all of the images on our site, and the paths are such:
Image & Video Optimization | | PixelKicks
http://cdn.onedirection.net/wp-content/uploads/2013/02/harry-styles-tongue5.jpg Frequently we get a lot of other websites using our images, which we're fine with, but I would like to know if we get any SEO value from these image links? Interestingly they do appear in the "Just Discovered" section of OSE. Cheers, Chris.0 -
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 -
Easy Local SEO NAP Question
Hello, Does differently listed phone numbers matter? For example, 208-998-9988 vs (208) 998-9988 vs 208.998.9988
Image & Video Optimization | | BobGW0 -
What's the best method for posting the same video with different phone and address on YouTube?
For a franchise network, what's the best method for posting the same video that is tagged with different phone numbers and address per each location on YouTube? Will this get removed as duplicate content eventually? Or if I use the geo-tagging feature, will this help?
Image & Video Optimization | | BasementSystems760 -
Local SEO, identifying citations
Hello, How do I identify free local citations to target for bobweikel(dot)com I want to rank first for several local results such as nlp boise life coach boise personal coach boise and related terms. Thanks!
Image & Video Optimization | | BobGW0 -
SEO benefits of linking logo to homepage?
Hello All, It will be helpful if anyone can list the benefits of linking the company logo (on every page of the website) to the home page, and how important it is in terms of internal linking / SEO factors. Thank you.
Image & Video Optimization | | NortonSupportSEO0