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
-
Hidden text and mobile indexing
Hello, I believe mobile indexing 1 st is in place. Since then, does google give the same value to content that is hidden behind a tab (for example a question where you need to click on the + to see the answer) as content that would be directly visible ? Thank you,
Technical SEO | | seoanalytics0 -
Using / at the end of anchor text link
Hello I am building backlinks to home page my question is should I use "/" without qoute after my domain name or not example for both cases is below keyword here / at the end of http://abc.com is not place or keyword here / at the end of http://abc.com/ is place. waiting
Technical SEO | | tanveerayakhan0 -
Anchor Text and over optimization
Hello everyone, I would like to have your expert (hopefully) opinion on one thing: I am working on a specifi page of a pretty big site, and I noticed one thing in particular. This page is linked to from a lots of internal pages (which is ok) but the anchor text used is in most cases the exact keyword they would like to rank for. I know this is not generally a good thing, but I guess they have so many links with that particular anchor because of the breadcrumbs, and this actually makes sense. Now, if this is the case, how could we work this out (if this is an issue)? Or probably this is not an issue since those links don’t carry a lot of SEO weight…don’t know. Thanks for your opinion on this 🙂
Technical SEO | | Bizio1 -
Rel="canonical" What if there is no header??
Hi Everyone! Thanks to moz.com, I just found out that we have a duplicate content issue: mywebsite.com and mywebsite.com/index.php have the same content. I would like to make mywebsite.com the main one because it already has a few links and a better page rank. I know how to do a 301 redirect (already have one for www.mywebsite.com) but I am aware that a 301 redirect for my index file would create a loop issue. I have read the article about redirecting without creating a loop (http://moz.com/blog/apache-redirect-an-index-file-to-your-domain-without-looping) but quite frankly I don't even have a clue what he's trying to tell me (e.g. "Create an apache DirectoryIndex directive for your document root." What????!)… So I figured a rel="canonical" tag for my index file would be easier and fix the problem, too (right??) In every "How to" description they always say you have to put the rel="canonical" tag in the header of your duplicate content file. But: My index.php has no header (or nothing that looks like a header to me)! This is what it looks like: foreach($_GET as $key => $value)
Technical SEO | | momof4
{
$$key = $value;
}
foreach($_POST as $key => $value)
{
$$key = $value;
}
$page_title="my title";
$page_description="my description";
$page_keywords="keywords";
//echo $link;
//exit;
if (!isset($link)):
$page_content="homepage.php";
else:
if ($link=="services"):
$page_content="services.php";
$page_title=" my title for services page";
$page_description="description for services.";
endif;
… ect. for the other pages So where do I put the rel=canonical tag? Or is there another solution for the whole problem? Like delete the whole index file (lol) Thanks in advance for any answers!0 -
Will you get more 'google juice' if your social links are in your websites header, rather than its footer?
Hi team, I'm in the process of making some aesthetic changes to my website. Its getting quite cluttered so the main purpose is to clean up its look. I currently have 3x social links in the header, right at the top, and i would really like to move these to the footer to remove some clutter in the header. My concern is that moving them may have an impact on the domains ranking in google. Website: www.mountainjade.co.nz We've made some huge gains against our competitors over the past 6 months and I don't want to jeopardise that. Any help would be much appreciated as i'm self taught in SEO and have learnt through making mistakes. This time however, with Moz, i'd rather get some advice before I make any decisions! Thanks is advance, Jake S
Technical SEO | | Jacobsheehan0 -
Internal Duplicate Images
Question: If we had hundreds of images duplicated on a site, but different URL (tacking "-1" to the end), is that a Panda issue? Will we get penalized. I know duplicate content (web pages) pretty well, but duplicate files? That I'm unsure of.
Technical SEO | | M_D_Golden_Peak0 -
Multiple h1 headers in a slideshow
I’ve built a slideshow and each slide contains an image, h1 and text contained within a div. The slideshow grabs the whole div and slides it. My question is should I remove the h1 and style it with css e.g. my slide header or leave in the multiple h1 headers. All thoughts and comments welcome.
Technical SEO | | RodneyRiley0 -
Similar category names result in similar urls and duplicate anchor texts
Hi all, I'm working on an e-commerce website about car tuning and car parts. There are main categories like ( Aerodynamics, Power tuning, Interior, Wheels, Tires, etc. ) and in the products are organized in sub-categories representing the product manufacturer, car manufacturer and car model + modification. Unfortunately this kind of structure creates duplicate sub-category names. For example we can have parts for Audi A4 8K in Aerodynamics and ABT, and the same time we can have Power tuning from the same manufacturer and for the same car, or Sport brakes for the same car by different manufacturers. So here are how some links look-like: /alfa-romeo-147-c1070-en /alfa-romeo-147-c234-en /alfa-romeo-147-c399-en These are totally different categories, with the same anchor text and almost the same url addresses ( the only difference in the urls is the category id ). Can this be affecting the site's indexation, and which can be the better way to create the internal link structure ?
Technical SEO | | mdimov0