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
-
Lazy loading images
Hello, Currently we are working on a new website. Within this new website we have the option to lazy load the images. My question regarding this: will this cause any SEO problems? Will google detect / see all images properly? If not, how can we make sure that google does? Thanks in advance! Remco
Intermediate & Advanced SEO | | AMAGARD0 -
Moz Pro > Links > Top Pages: many are images, useful?
My site is 10 years old, and has always ranked well for the variety of garden tools it sells. Looking at our Moz Pro > Links > Top Pages report I see that many of the "pages" are actually image URLs. And many of those are images we do not even use anymore (though they are still hosted). Question: As a way of gaining some link juice to deeper pages, what about 301 redirecting some of those old images over to appropriate pages? (example: redirecting old-weeding-hoe.jpg to the page garden-hoes.html) Would it be worthwhile? Would it be safe? Thanks for any and all input!
Intermediate & Advanced SEO | | GregB1230 -
If Robots.txt have blocked an Image (Image URL) but the other page which can be indexed has this image, how is the image treated?
Hi MOZers, This probably is a dumb question but I have a case where the robots.tags has an image url blocked but this image is used on a page (lets call it Page A) which can be indexed. If the image on Page A has an Alt tags, then how is this information digested by crawlers? A) would Google totally ignore the image and the ALT tags information? OR B) Google would consider the ALT tags information? I am asking this because all the images on the website are blocked by robots.txt at the moment but I would really like website crawlers to crawl the alt tags information. Chances are that I will ask the webmaster to allow indexing of images too but I would like to understand what's happening currently. Looking forward to all your responses 🙂 Malika
Intermediate & Advanced SEO | | Malika11 -
Best format for E-Commerce Pages in Title Text / Link Text & Markup
Hello Please comment on which you think is best SEO practice for each & any comments on link juice following through. Title text ( on Product Page ) <title>Brandname ProductName</title>
Intermediate & Advanced SEO | | s_EOgi_Bear
OR
<title>ProductName by Brandname</title> on category page <a <span="" class="html-attribute-name">itemprop="name" href="[producturl]">ProductName</a>
<a <span="" class="html-attribute-name">itemprop="brand" href="[brandurl]>BrandName</a> OR <a <span class="html-attribute-name">itemprop="name" href="[producturl]">BrandName ProductName
( Leave Brand Link Out)</a <span> Product Page <a itemprop="name" href="[producturl]">ProductName
<a itemprop="brand" href="[brandurl]>BrandName</a itemprop="brand" href="[brandurl]></a itemprop="name" href="[producturl]"> OR <a itemprop="name" href="[producturl]">BrandName ProductName
( Leave Brand Link Out)</a itemprop="name" href="[producturl]"> Thoughts?0 -
Alt tag for src='blank.gif' on lazy load images
I didn't find an answer on a search on this, so maybe someone here has faced this before. I am loading 20 images that are in the viewport and a bit below. The next 80 images I want to 'lazy-load'. They therefore are seen by the bot as a blank.gif file. However, I would like to get some credit for them by giving a description in the alt tag. Is that a no-no? If not, do they all have to be the same alt description since the src name is the same? I don't want to mess things up with Google by being too aggressive, but at the same time those are valid images once they are lazy loaded, so would like to get some credit for them. Thanks! Ted
Intermediate & Advanced SEO | | friendoffood0 -
New domain or wait - Anchor Text Penalty
Hi We are confident we have an anchor text penalty and have removed nearly all offending links about 3 months ago, and since have only engaged on 100% natural linking with good content and simply asking people to share our site. However we have made no progress all in terms on position for our main keyword - we now thinking of starting a fresh on a new domain as Google doesn't seem to be able to forgive us... Any ideas please?
Intermediate & Advanced SEO | | jj34340 -
Any idea why I can't add a Panoramio image link to my Google Places page?
Hey guys & gals! Last week, I watched one of the Pro Webinars on here related to Google Places. Since then, I have begun to help one of my friends with his GP page to get my feet wet. One of the tips from the webinar was to geotag images in Panoramio to use for your images on the Places page. However, when I try to do this, I just get an error that says they can't upload it at this time. I tried searching online for answers, but the G support pages that I have found where someone asks the same question, there is no resolution. Can anyone help? PS - I would prefer not to post publicly the business name, URL, etc. So, if that info is needed, I can PM. Thanks a lot!
Intermediate & Advanced SEO | | strong11 -
Anchor text help
Hello, I am a small website designer in Mexico.. as you know it is hard to rank in these keywords My main competitors appear with (diseño web = web design) on google.com.mx Almost 80% of the anchor text from my links are (diseño web Mexico =web design Mexico) If I search (diseño web Mexico =web design) on google.com.mx I appear on first page. If I search (diseño web = web design) on google.com.mx I appear on page 3. My questions: Is this because my anchor text is diseño web Mexico? should i change it to (diseño web = web design)? Or is it because (diseño web = web design) is a harder key word to rank? this is my website http://bit.ly/eKyWvr Regards
Intermediate & Advanced SEO | | Pixelar0