Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Replace Header Text With Image
-
I have a static website that I would like to retheme. I have the mockup, and its spliced. The website holds nice rankings right now, and I want to keep them in place. The one thing that will change with this new design is the header will no longer be text, but instead an image. Is there a way to ensure googlebot still sees the H1 tag header exactly how it is now but use an image for the header instead?
I dont want any blackhat tricks that will get me banned. Just wondering if there is a simple way to have googlebot see the header as text (not ALT img txt) so the site does not appear to have changed at all. (It hasnt, I only am changing the graphics and colors of background, and header image for better branding.
-
To achieve a balance between visual aesthetics and search engine interoperability, you could use a Javascript font renderer like cufon: http://cufon.shoqolate.com/generate/ - which will give you nice anti-aliasing.
Look at Google Fonts too - http://www.google.com/webfonts#ChoosePlace:select
I would redesign & work towards getting a H1 on there rather than working backwards
-
Egol is correct.
your redesign has a cost, the desision is yours, what is more important, the HI or the design, only you know that.
-
You just need to make sure that the search engines will see your site exactly as visitors would see it. Don't try and hide anything. And I agree, try and keep the H1 tag.
And to answer your original question, the search engines have come a long way in terms of sophistication, but they still do not do so well with interpreting graphics, cookies, or javascript. Just good 'ole text.
-
I can leave the H1 tag in, I just dont know where to put it. Its my header, and the website now is VERY ugly. Maybe I will just put the H1 in there above the image, and then use a negative margin. Is that allowed?
-
You are going to use different html mark-up for the image and the h1.
They are not equivalent.
If you use the image you can add alt text but that is not going to be the same as H1 - less effective in my opinion.
If you can't get H1 into your site any other way then loss of the H1 will be part of the cost of your redesign.
If this was my site I would not give up H1 for an artsy image.
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
-
Alt Text for Interior Design / Architecture Firm
I'm looking to update the alt text on my company's website to increase traffic and qualified leads. I've done some research on my own, but the alt-text examples i find are really simple and pertain more to ecommerce (i.e. leather boat shoe). We're an archteicture and interior design firm so we sell our design services. One of our goals is to get more projects in florida. I understand the best way to do alt-text is to describe the photo in as much detail as possible. But would it also help to plug in our services? Here are some examples i've thought of (i've attached the photo i'm describing) 1. Bright and airy coastal modern Palm Beach living room with abstract statement lighting
Technical SEO | | WorkshopAPD
2. Bright and airy coastal modern living room with abstract statement lighting by South Beach Interior Design Firm Workshop/APD J1x3AgC0 -
Hidden H1 Tag on Image
Hi, In the page I'm working on, I encountered an tag in an image, rather than in a text form. Do you think it's an issue when it comes to SEO?
Technical SEO | | nerdieb
What do you suggest I should do if there is an issue? Keen to hear from you!0 -
Images on sub domain fed from CDN
I have a client that uses a CDN to fill images, from a sub domain ( images.domain.com). We've made sure that the sub domain itself is not blocked. We've added a robots.txt file, we're creating an image sitemap file & we've verified ownership of the domain within GWT. Yet, any crawler that I use only see's the first page of the sub domain (which is .html) but none of the subsequent URL's which are all .jpeg. Is there something simple I'm missing here?
Technical SEO | | TammyWood0 -
Does image domain name matter when using a CDN?
Has anyone does studies on using a different CDN domain name for images on a site? Here is an example:
Technical SEO | | findwell
or
http://cdn.mydomain.com/image.jpg>
mydomain.com ranks highly and many images show up in Google/Bing image searches. Is there any actual data that says that using your real domain name for the CDN has benefits versus the default domain name provided by the CDN provider? On the surface, it feels like it would, but I haven't experimented with it.
0 -
Image search and CDNs
Hi, Our site has a very high domain strength. Although our site ranks well for general search phrases, we rank poorly for image search (even though our site has very high quality images). Our images are hosted on a separate CDN with a different domain. Although there are a number of benefits to doing this, since they are on a different domain, are we not able to capitalize on our my site's domain strength? Is there any way to associate our CDN to our main site via Google webmaster tools? Has anyone researched the search ranking impacts due to storing your images on a CDN, given that your domain strength is very high? Curious on people's thoughts?
Technical SEO | | NicB10 -
Is it bad (black hat) to have an H1 text as a text indent?
Is it bad practice to use a text indent through CSS for H1 text on a homepage(basically hiding h1 text)? I'm just trying to compensate for the fact that some text that should really be in the h1 tag is actually an image.
Technical SEO | | inc.com1 -
Header Tags
Ok so I am writing different pages and the first heading is an H3 just because I wanted to it be a certain size. Then as you see the content, I have an H1 tag. Example page: http://www.oxfordmshomes.net/condos/acadia-court-Oxford-MS you can see that "Acadia First" is the first thing you see on the page and it uses an H3 element. Long story short, my hierarchy is wrong. Does this have any negative effect on my SEO efforts?
Technical SEO | | blake-766240 -
Why are old versions of images still showing for my site in Google Image Search?
I have a number of images on my website with a watermark. We changed the watermark (on all of our images) in May, but when I search for my site getmecooking in Google Image Search, it still shows the old watermark (the old one is grey, the new one is orange). Is Google not updating the images its search results because they are cached in Google? Or because it is ignoring my images, having downloaded them once? Should we be giving our images a version number (at the end of the file name)? Our website cache is set to 7 days, so that's not the issue. Thanks.
Technical SEO | | Techboy0