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 image search filter tabs and how to rank on them
I have noticed Google image search has included suggestion tabs (e.g,. design, nature... when searching background) on the top of the image search.
Technical SEO | | Mike555
Are there specific meta tags I can add into my images so that my images will show up on each tab?
Do those filters just show content based on image keywords or something else? IRme7gQ0 -
How would I make an image sitemap for a site with 50k images?
Is it worth creating an image sitemap? I read an image sitemap can only have 1k entries would I need to make 50 different ones?
Technical SEO | | EcommerceSite0 -
Site Wide Text to Code Ratio Tool
Does anyone know of a free or paid tool which provides the text to code ratio for all pages on a site? Something like Screaming Frog but with all the ratios for each page. At the moment we are checking key landing pages individually.
Technical SEO | | Dave_Schulhof0 -
Best way to present a single image from a gallery?
Hi. I want to make a page for each image on my clients gallery, so that each image page will be indexed and rank. (It's a tattoo portal and theres a lot of traffic on specific tattoos) But as the setup is for now, the only way it will be different from the other image pages, is the H1 title. Can you guys give some examples on "spot on" galleries SEO-wise, i could draw some ideas from?
Technical SEO | | MichaelRoscoe0 -
Mozbar sees the 301, but no other header checker does
Ok, why does Mozbar see this 301 redirect, but no other checker can? Original URL: http://www.horizon-bcbsnj.com Current URL: http://www.horizonblue.com/ The dev company uses meta refreshes set to zero (html), javascript redirects (randomly), and 301 redirects (asp) that can't be verified with any other header cheker other than Mozbar. Is mozbar correct and the other checkers wrong? Or is mozbar "special" and the search engine bots do not see the 301 at all just like Rexswain, internetmarketingninjas, SEObook, webconfs, etc don't recognize the 301 either? They all say 200 OK.
Technical SEO | | CharlesRiverInteractive0 -
Affects of multiple subdomains on homebrew CDN for images
We're creating our own CDN such that instead of serving images from http://mydomain.com/images/shoe.jpg It will appear at all of the following subdomains: http://cdn1.mydomain.com/images/shoe.jpg http://cdn2.mydomain.com/images/shoe.jpg http://cdn3.mydomain.com/images/shoe.jpg http://cdn4.mydomain.com/images/shoe.jpg Image tags on our pages will randomly choose any subdomain for the src. The thought was this will make page loading faster by paralellizing requests across many cookie-less domains. How does this affect : -Ranking of images on Google image search. -Ranking of pages they appear on -Domain authority (images are linked to heavily in our social media efforts, so we will 301 redirect image urls to cdn1.mydomain.com) Should we disallow all but one CDN domain in robots.txt? Will robots.txt on an image only subdomain even be retrieved? Should we just use 1 CDN subdomain instead?
Technical SEO | | cat5com0 -
Alt Tags for random in theme images, and images in css/flash
Hello, At times a theme would include small images that are part of the design layout, but the images have links and also show up on moz bar, which means alt tags can be added. My question is should they be added? Also sometimes the theme layout hides images in css or flash in those situations is there still a way to link alt tags to those images? For reference see faizlaw.com where the logo is hidden and the slider images. Thanks Moz community, V
Technical SEO | | vijayvasu0 -
Internal anchor text
Designed my website with one keyword, one page adage. Wondering if i am creating an issue with internal anchor text and use of plurals for keywords. For instance, say I want my index page to rank for keyword exotic vacations, and an inner page to rank for exotic vacation. I do this as i notice there is a major discrepency with google when calling both the singular and plural term of certain keywords (like the example above, for instance). I see in yahoo it views singular and plural as essentially the same word, but google appears to rank them separately. Anyways since google is where the majority of my search traffic comes from, I separated my most competitive keywords for both singular and plural usage and created external links with anchor text that reflects this separation. I am concerned though that I may not be handling the Internal anchor text properly. What i have done is take a keyword l want to rank for (for example "exotic vacations") and attach it a page (for example index page) and use the anchor text "exotic vacations" on this page and link it to the inner page "exotic vacation." Reason: I want to rank for the term exotic vacations on the main page, but have a relavant page to link to this term so the closest would be the keyword exotic vacation on an inner page. I would appreciate any feedback on this. I think I am running into a problem with this strategy especially on the main index page/inner page keywords (plural to singular). I also notice google will find an inner page for a time then switch it to the default domain name index page when searchign for a keyword. Kinda keeps going back and forth. I never see any indent search results.
Technical SEO | | oxygenretreat0