DarkxPunk Posted July 29, 2014 Share Posted July 29, 2014 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 More sharing options...
davej Posted July 29, 2014 Share Posted July 29, 2014 My feeble idea would be to use h1 with id="logo" so then you could give #logo the special styling. Link to comment Share on other sites More sharing options...
DarkxPunk Posted July 29, 2014 Author Share Posted July 29, 2014 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 More sharing options...
davej Posted July 29, 2014 Share Posted July 29, 2014 I think SEO looks at h1 and ignores spans. Link to comment Share on other sites More sharing options...
johncc Posted July 29, 2014 Share Posted July 29, 2014 An image of wordprocessor text of what you want to achieve would help give an answer. Link to comment Share on other sites More sharing options...
DarkxPunk Posted July 29, 2014 Author Share Posted July 29, 2014 You can check my beta site, http://www.beta.sunburstrarediamonds.com to see its usage with the logo and logotype. I am currently using h1/h2 but in my head span makes more sense. I just worry about SEO... Link to comment Share on other sites More sharing options...
dsonesuk Posted July 29, 2014 Share Posted July 29, 2014 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 More sharing options...
DarkxPunk Posted July 29, 2014 Author Share Posted July 29, 2014 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 More sharing options...
dsonesuk Posted July 29, 2014 Share Posted July 29, 2014 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 More sharing options...
DarkxPunk Posted July 29, 2014 Author Share Posted July 29, 2014 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 More sharing options...
dsonesuk Posted July 29, 2014 Share Posted July 29, 2014 (edited) 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 July 30, 2014 by dsonesuk Link to comment Share on other sites More sharing options...
johncc Posted July 30, 2014 Share Posted July 30, 2014 You can check my beta site, http://www.beta.sunburstrarediamonds.com to see its usage with the logo and logotype. I am currently using h1/h2 but in my head span makes more sense. I just worry about SEO... Seems to be reasonably set up for SEO. I don't think that span has any advantage. What about some adding some meta keywords. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now