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.
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
-
How to handle images (lazy loading, compressing, caching...) to impact page load and thus SEO?
Hi all, I am looking for a conclusive answer on how to handle images on Wordpress websites. Most of the time we encounter the same problems regarding images. There are several options to make sure that images don't increase page load too much: Page caching and compressing: standard Lazy loading: helps decrease page load time, but Google might not crawl the images so not good for SEO. See this article on Googlebot scrolling. Correct image format (for example WebP): tried it several times and doesn't help much to decrease page load time. What is best practice? Are there standards or preferred options for the image dimensions and quality (max height, width, number of pixels, rectangular or square) before you upload it, also regarding responsiveness? Is it better to use .jpg, .png or WebP? To sum up, what should you do by default to handle images on websites so you can still have a good page speed even with loads of images? Thanks for your answers!
Intermediate & Advanced SEO | | Mat_C0 -
Least Text for Home Page
We are rebranding our web site and intend to create more visual pages with less text on the assumption that no one want to read anymore. What is the least amount of text that we can include in a home page without damaging out ability to rank on Google? Google recently increased the permitted amount of text on description tags. Can we shift text to the description tax and place more on ALT tags that are not immediately visible to visitors. Any thoughts, comments, advice?? I am adding image of the old home page and new home page (text to be written, 3 columns of dummy text) so the change in the amount of text is visible. Thanks,
Intermediate & Advanced SEO | | Kingalan1
Alan GkvnNR8 UH9ptbh0 -
Menu anchor text and PR / Juice Flow
Hello, I have a top menu coded this way with an (it is automatic with my wordpress template). Can google read pass the juice and read the anchor text with this type of code or no ? <nav id="top-menu-nav"> myanchortext </nav>
Intermediate & Advanced SEO | | seoanalytics0 -
One click links, followed ? anchor text ?
Hello, Just wondering google follows on clicks links (links create in a nice button) and anchor text. Thank you,
Intermediate & Advanced SEO | | seoanalytics0 -
What is the best way to go about product comparison text?
Our website is in the midst of a massive content enrichment project - we're moving from mostly catalog content to optimized web content. Our catalog and copy teams are hoping to include more product comparisons on the web (e.g. "unlike composite basketballs, rubber one's are more X..."), which can certainly provide useful information to our shoppers! However, from an SEO standpoint, we seem to have confused search engines when doing this in the past (i.e. the example above is currently ranked for a "composite basketball" term, not a rubber one). So... What is the best way to provide useful product comparisons without confusing search engines?
Intermediate & Advanced SEO | | laurenf0 -
How get an image on a third party site rank high on goode images?
Hello, I have sometimes articles written about my product online, is there anything else I can do except make a good file name for it, perhaps I can ask the site owner to modify in the article to make it rank higher? Also on some small websites I can see that images rank very high for the specific search term that is difficult to rank for in images, if I were to contact the site with a sponsored post request, what I should make sure the site adds except filename to that sponsored post... I think there are also some other methods such as reddit to make images rank high on third party page, just need to find out how... thanks a lot
Intermediate & Advanced SEO | | bidilover0 -
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 -
Will blocking google and SE's from indexing images hurt SEO?
Hi, We have a bit of a problem where on a website we are managing, there are thousands of "Dynamically" re-sized images. These are stressing out the server as on any page there could be upto 100 dynamically re-sized images. Google alone is indexing 50,000 pages a day, so multiply that by the number of images and it is a huge drag on the server. I was wondering if it maybe an idea to blog Robots (in robots.txt) from indexing all the images in the image file, to reduce the server load until we have a proper fix in place. We don't get any real value from having our website images in "Google Images" so I am wondering if this could be a safe way of reducing server load? Are there any other potential SEO issues this could cause?? Thanks
Intermediate & Advanced SEO | | James770