Text over image
-
Hello,
I am creating an overlay on a image. Is it ok to write on this overlay in html or it is better to have the text not on a image for google and other search engines ?
Thank you,
-
Indeed, in JPEG format, the image takes up little space, and it is very convenient to use it for social networks. It is also worth paying attention to the resource https://depositphotos.com/stock-photos/soccer-coaching.html Ready-made pictures with ideal quality can be accessed here.
-
Thank you for your answers, that answers my question.
-
Hi There,
Yes, Google should read it fine as long as it's readable for bots. The value of your HTML overlay would be treated as a text which would be determined by the keyword optimization of that text on the page and the website altogether. That means, where have you positioned that text, what relevance that text has for the website and the content of the page; similar SEO factors would be applicable here.
I hope this helps.
Regards,
Vijay
-
There are several image ranking factors, as far as a div class overlay on the image, It's essentially going to be looked at by the crawlers as a caption, so it's a benefit to have for sure.
-
Correct I am wondering if it is any good to add text on images. Vijay, what do you means by "HTML overlay as a direct SEO value", do you mean that google reads it fine ?
For me as long as you can copy the text that is on the image and it isn't embedded is should be ok and google probably reads it fine. However, is the value similar as if it isn't on a image, I have no idea.
Thank you,
-
Hi There,
I believe you are trying to differentiate between SEO value of text within image and text as HTML overlay over an image. The image value is decided by the alt text and media post parameters you add to an image, Google and other bots are not really reading text on the image when its inside image. On the other hand, HTML overlay has a direct SEO value and you can maximize its value by using it within the right tag (let's say Header tags).
I hope this helps, let me know if you have further questions.
Best Regards,
Vijay
-
Hello there,
Depends on the image, I always have an text and dark layer on my image when I use it as a background, if you use it within post it's really up to you which one to use. But make sure you also have the alt text set for the image. Personally, I would just make sure it is good for the user experience.
Hope this helps.
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
-
Broken images & Rankings
Hi I have seen a big drop in a keyword going from position 3 to out of the top 100. The only thing I can see that went wrong, was an issue with broken images - could this be the reason for the drop? Becky
Intermediate & Advanced SEO | | BeckyKey0 -
Panda 4.0 Update Affected Site - What should be a the minimum Code to Text Ratio we should aim for ?
Hi All, My eCommerce site got hit badly with the Panda 4.0 update so we have been doing some site auditing and analysis identifying issues which need addressing. We have thin/duplicate issues which I am quite sure was part of the reason we were affected by this even though we use rel=next and rel=prev along with having a separate view all page although we don't concanical tag to this page as I dont' think users would benefit from seeing to many items on one page. This led me to look at our Code to Content Ratio. We have now managed to increase it from 9% to approx 18-22% on popular pages by getting rid of unnecessary code etc. My question is , is there an ideal percentage the code to content ratio should be ?.. and what should I be aiming for ? Also any other Panda 4.0 advice would also be appreciated thanks Sarah
Intermediate & Advanced SEO | | SarahCollins0 -
Graphs - Interactive HTML5 or Image?
Hi, Every once in a while I have a need to add a graph / chart to my site.
Intermediate & Advanced SEO | | BeytzNet
Google offers a nice HTML5 chart builder and so do other web apps. The question is... Which should I use?
A pinnable and sharable image graph or Interactive html5 graph Thanks0 -
International Image SEO - one host vs multiple hosts
I've got 3 sites (same name) located in Australia, US and UK. Currently these sites are all pulling images (I own) from 1 location. I'd like to create image XML sitemaps for each of these sites. As I see it, my options are: 1. Keeping the images hosted in the 1 place and creating image XML sitemaps for each of the 3 sites (which seems to be technically ok because https://support.google.com/webmasters/answer/178636?hl=en&ref_topic=20986 states that if the image URL isn't on the same domain, both domains need to be verified in Webmaster Tools). However, is there a risk here that the sitemaps will conflict because they are pulling from images on the same host? 2. Hosting the images locally (ie. the same images will be hosted in 3 locations) and applying hreflang in the sitemap. Does anyone know which of these options are best (obviously #1 would be more convenient), or whether there are any other options for attacking this issue? Thanks!
Intermediate & Advanced SEO | | oline1230 -
How to best serve images optimised for mobile devices in WordPress
Issue: Images too large for mobile devices in some articles, cannot be shrunk responsively, also should help reduce page size/improve site speed on small screen devices. I am thinking of switching depending on the user-agent, such as iPhone / Android devices and serving up an optimised, rediced size image. I envisage this working in the background / ie. hidden from authors so it is easy. Platform: WordPress Would like a solution or some feedback on people's experiences with this problem. No good plugins found that can handle this so would probably need to be custom coded, but no processing overhead, unless it is generated upon publication of article. Thanks peeps Keith H
Intermediate & Advanced SEO | | Greywood0 -
Varying Internal Link Anchor Text with Each New Page Load
I'm asking for people's opinions on varying internal anchor text. Before you jump in and say, "Oh yes, varying your anchor text is always a good idea", let me explain. I'm not talking about varying anchor text on different links scattered throughout a site. We all know that is a wise thing to do for a variety of reasons that have been covered in many places. What I'm talking about is including semi-useful links below the fold and then varying the anchor text with each page load. Each time Googlebot crawls a page, it sees different anchor text for each link. That way, Googlebot is seeing, for example, 'san diego bars', 'taverns in san diego', 'san diego clubs', and 'pubs in san diego' all pointing to a San Diego bar/tavern/club/pub page. I'm wondering if there is value in this approach. Will it help a site rank well for multiple search queries? Could it potentially be better than static anchor text as it may help Google better understand the targeted page? Is it a good way to protect a large site with a huge number of internal links from Penguin? To summarize, we're talking about the impact of varying the anchor text on a single page with each page load as opposed to varying the anchor text on different pages. Thoughts?
Intermediate & Advanced SEO | | RyanOD0 -
What is the best way to hide duplicate, image embedded links from search engines?
**Hello! Hoping to get the community’s advice on a technical SEO challenge we are currently facing. [My apologies in advance for the long-ish post. I tried my best to condense the issue, but it is complicated and I wanted to make sure I also provided enough detail.] Context: I manage a human anatomy educational website that helps students learn about the various parts of the human body. We have been around for a while now, and recently launched a completely new version of our site using 3D CAD images. While we tried our best to design our new site with SEO best practices in mind, our daily visitors dropped by ~15%, despite drastic improvements we saw in our user interaction metrics, soon after we flipped the switch. SEOMoz’s Website Crawler helped us uncover that we now may have too many links on our pages and that this could be at least part of the reason behind the lower traffic. i.e. we are not making optimal use of links and are potentially ‘leaking’ link juice now. Since students learn about human anatomy in different ways, most of our anatomy pages contain two sets of links: Clickable links embedded via JavaScript in our images. This allows users to explore parts of the body by clicking on whatever objects interests them. For example, if you are viewing a page on muscles of the arm and hand and you want to zoom in on the biceps, you can click on the biceps and go to our detailed biceps page. Anatomy Terms lists (to the left of the image) that list all the different parts of the body on the image. This is for users who might not know where on the arms the biceps actually are. But this user could then simply click on the term “Biceps” and get to our biceps page that way. Since many sections of the body have hundreds of smaller parts, this means many of our pages have 150 links or more each. And to make matters worse, in most cases, the links in the images and in the terms lists go to the exact same page. My Question: Is there any way we could hide one set of links (preferably the anchor text-less image based links) from search engines, such that only one set of links would be visible? I have read conflicting accounts of different methods from using JavaScript to embedding links into HTML5 tags. And we definitely do not want to do anything that could be considered black hat. Thanks in advance for your thoughts! Eric**
Intermediate & Advanced SEO | | Eric_R0 -
Link Anchor Text
As I keep studing SEO I reach to the conclusion that the Anchor Text from other site is crucial to get more positive results for our website and for the link-building strategy. My question is - Is it better to have an Anchor Text to my main link our should I ask for a determine targeted keyword? Tks in advance! Pedro M Pereira
Intermediate & Advanced SEO | | PedroM0