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
-
Google Showing wrong image in the SERPS
Hi Guys, In organic SERPS Google pulling incorrect product image, instead of product image its showing image from relevant products, Checked the structured data, og:image everything is set to the product image, not sure why google showing images from relevant product sidebar, any help, please?
Technical SEO | | SpartMoz0 -
Problem with Yoast not seeing any of this website's text/content
Hi, My client has a new WordPress site http://www.londonavsolutions.co.uk/ and they have installed the Yoast Premium SEO plug-in. They are having issues with getting the lights to go green and the main problem is that on most pages Yoast does not see any words/content – although there are plenty of words on the pages. Other tools can see the words, however Yoast is struggling to find any and gives the following message:- Bad SEO score. The text contains 0 words. This is far below the recommended minimum of 300 words. Add more content that is relevant for the topic. Readability - You have far too little content. Please add some content to enable a good analysis. They have contacted the website developer who says that there is nothing wrong, but they are frustrated that they cannot use the Yoast tools themselves because of this issue, plus Yoast are offering no support with the issue. I hope that one of you guys has seen this problem before, or can spot a problem with the way the site has been built and can perhaps shed some light on the problem. I didn't build the site myself so won't be offended if you spot problems with it. Thanks in advance, Ben
Technical SEO | | bendyman0 -
ADA, WCAG, Section 508 Accessibility and hidden text
I am working on fixing accessibility issues on client's site, and they have contracted with a vendor who provides both tools to monitor the site and consulting to help us fix issues that are found. When there are spatial relationships between elements on a page that would be not be evident to someone listening via a screen reader, a strategy that they recommended to us to is to add text helpers that are not visible, but still read by the screen readers. An example: Directions to our Fifth Avenue Store I have seen this technique used on a major brand site but I am concerned that their brand strength insulates them from a hidden text penalty far more than my client's brand would. Also, their implementation uses class names like "ada_hidden" which may help search engines understand the intent, or may not at all. I am looking for opinions regarding the use of this technique. Normally I wouldn't use it for risk of penalty, but here the intent is to improve the user experience of the pages. Anyone used similar techniques for ADA/WCAG, or solved the problem in a more SEO-friendly way? Thanks, Will
Technical SEO | | WillW0 -
Is alt text inside an img tag inside an h1 the same weight as text directly inside the h1?
Right now I use a background image and CSS to tie the h1 tag to my logo on each page. However, I am concerned that may not be best practice. Plus, I am interested in using schema markup on my logo. So, my question is, if I use an image with alt text inside my h1 tag, will the alt text carry as much weight as a text-based h1?
Technical SEO | | Avalara0 -
LSI keywords logic - enter in meta and bold in text?
Hello, In the lack of good info about this on the Internet, let me try here. I know that it is a good idea to put LSI keywords in natural flow in the body text of the article. But shall I also put LSI keywords as a meta? In the same manner as doing with non-LSI keywords? Or shall I only reserve meta for non-LSI keywords? In body text, shall I emphasize LSI keywords in bold? As non-LSI keywords already does. This is a bit confusing as I don't wan't LSI keywords to take over show from my long tail (phrase) keyword. I will appreciate if someone could share a bit light over this. Thanks in advance!
Technical SEO | | SEOisSEO0 -
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 -
Is there such thing as a good text/code ratio? Can it effect SERPs?
As it says on the tin; Is there such thing as a good text/code ratio? And can it effect SERPs? I'm currently looking at a 20% ratio whereas some competitors are closer to 40%+. Best regards,
Technical SEO | | ARMofficial
Sam.0