On Sep 17, 2014, at 12:41 PM, Crest Christopher <[email protected]>
wrote:
> The H2 in your #taglinebox couldn't that be put in a <p> tag, it's quite
> small text ?
Absolutely, it could, and I tried that and suddenly that little tag got
huge..there’s something going on with that that I need to re-visit but I can’t
allow to hold up the rest of the site, so I am back-grading to what I had
before, but I really want to achieve this.
but below is the code that I am trying to emulate, supposed to be better for
SEO by wrapping logo and text in an h1 tag, and making a span tag to hide the
text..
Thank you!
J
Image Replacement
When we use a clickable logo image in our header, we also want to include
machine-readable headline text within our h1 tag for SEO. But we'll want the
logo, not the text, to display on the screen. Here's how to do it:
<h1>
<a href="index.php">
<span>My Headline Text</span> <!-- for SEO -->
<img src="images/logo.jpg" id="logo"
alt="My Headline Text" <!-- for screen readers -->
width="XXX" height="YYY" />
</a>
</h1>
h1 span {
display:none;
}
/* h1 text inside the span tag does not visually display,
but search engines can read it in the HTML code */
Note that the <a> tag wraps both the text and the image, and the <h1> tag wraps
everything.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
