Jump to content

P vs H1-H6 vs SPAN


DarkxPunk

Recommended Posts

Hi everyone...

 

So I have been wondering what is the best way to wrap some text. From my understanding the usage for each tag is the following:

 

<p> = Paragraphs / Blocks of text

 

<h1> - <h6> = Headers for blocks of text

 

<span> = To style specific text within either a <p> or <h1> - <h6>

 

Now my situation is this… I am attempting to do a logo with its logo type using text rather than an image, the problem is I don't know which tag fits… It it defiantly not a paragraph or block of text, it is kinda a header, but it's not for any specific block of text, and I am also not styling specific text within either of the first two tags… So yeah, I am not sure what to use. In my head <span> is the correct one to use as it does not apply any specific styling allowing me to style as needed, while <p> and <h1> - <h6> have already some predefined styles. What also matters is SEO, will using a <span> make the seo invalid?

 

Thanks for any input.

Link to comment
Share on other sites

Yeah, that is the way I have been doing it… I just feel weird using h1 when its not exactly a title of a specific body of text… Is there any SEO benefit to using h1 over span in this case?

Link to comment
Share on other sites

DO NOT USE H1 for logo, the h1 tag is one of the most important tags SEO looks at to retrieve info about site, it used to give main title to page and usually would contain keyword relating to that specific page, using for logo it becomes static and obsolete for SEO purposes, and no you can't just use another H1 tag, as only one should be used per page.

Link to comment
Share on other sites

DO NOT USE H1 for logo, the h1 tag is one of the most important tags SEO looks at to retrieve info about site, it used to give main title to page and usually would contain keyword relating to that specific page, using for logo it becomes static and obsolete for SEO purposes, and no you can't just use another H1 tag, as only one should be used per page.

So should I use span then?
Link to comment
Share on other sites

Span should be used within a block element such as P, just use div, i don't think SEO matters about P or span tags, it just looks at content to retrieve, again! relevant info related to keywords, The p, span are just for layout purposes and to make page more readable to users.

Link to comment
Share on other sites

Span should be used within a block element such as P, just use div, i don't think SEO matters about P or span tags, it just looks at content to retrieve, again! relevant info related to keywords, The p, span are just for layout purposes and to make page more readable to users.

Text without an associated wrapping tag... I feel dirty. Thanks for the info.
Link to comment
Share on other sites

Most websites have the logo link to homepage using anchor (given display: block;), then for your circumstance yes! the text would be wrapped in span, check out the w3schools logo, which uses link also, also look how headers are used h1 to h4 at

http://w3schools.invisionzone.com/index.php?app=core&module=search&do=viewNewContent&search_app=forums.

 

SEO keyword "New content"

 

<title>New content - W3Schools Forum</title>

<meta property="og:title" content="New content"/>

<h1 class="ipsType_pagetitle">New content</h1>

<a title="View New Content" accesskey="2" href="http://w3schools.invisionzone.com/index.php?app=core&module=search&do=viewNewContent&search_app=forums">View New Content</a>

 

BUT don't go crazy insert "New Content" within every paragraph of page, as you are only allowed so much before you are penalized, and no using display: none; OR position: absolute; to hide such content is not allowed, it still will be picked up and penalized.

 

EDIT; bold text

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...