Custom Wordpress Theme - HTML5 Outline - H1 display: none
-
We are using a custom wordpress theme for to help us optimize our webpages. We're trying to structure the webpages so that things are as optimized as possible for our clients. I was wondering if we could get some feedback on whether or not we using the correct page structure across the site. We have set a no-display class on the H1 so that the page title wouldn’t mess up the layout and is placed above the logo and have placed other header tags on the different page sections and added in keyword variations to avoid having untitled sections.
Is
equal to
?
Is there a better way to structure this content? Are we not doing something that we should be or overdoing anything?
I guess my main question is what would be the best way to use HTML5 to structure this website?http://estheticdentistry.net
-
Thank you for the answer guys. I agree with you and Schwabb. We originally did this for design purposes to try and have a clean HTML5 Outline with the header, banner, and any sub banner content that comes before body content, included in the outline. We were annoyed by having a H1 at the very top of the page and annoyed by the fact that it could be interpreted as trying to game the system. Our research at the time of developing the site's theme didn't give us a better alternative so we chose design, especially when Google site cache was showing that our H1's were still visible with a CSS class that contained the display: none property.
Since then, we learned of a better way to do this that involves removing the header content from the outline and still starting the page content with an H1. This Distilled blog article is a good example of this. We'll be rolling out a new theme update soon to fix this to satisfy things from both a design and SEO perspective.
-
Hi Anthony
I would not do that
As schwabb said, it's hiding text and that's going to raise a flag. Instead, I would first understand the original intent of how/why H1 tags work: http://www.seobythesea.com/2012/01/heading-elements-and-the-folly-of-seo-expert-ranking-lists/ - they should be the main "heading" or on-page title of a document, as Bill explains very well in that post.
Looking at the homepage, the part that says "Esthetic Dentistry - Your Reliable Los Angeles Dentists" would be the best H1 tag - it is the main heading of the content for that page. The same follows for the other pages, for example: http://www.estheticdentistry.net/cerec-dentistry-in-la/ - the H1 would be "Get CERC Dentistry from...."
-Dan
-
You need to try and find this code in the template files (appearance -> editor). You will find the blog post ones called single-post.php or something like that, or possibly the whole lot are under the header.php. You may want to alter one of he h2 tags for the blog pages to h1 as well (single-post).
Without seeing it, it is difficult to know where it is. It should be relatively easy to search for the H1 tag though.
Unfortunately it seems quite an odd theme, as I see you are hiding multiple headings... it seems to post it like 3 times on each page for some reason.
Please backup your site before doing anything like I suggest.
-
You are essentially cloaking a keyword rich H1 tag. I would not do this as it is against Google Webmaster Guidelines.
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
-
New Customer spammy markup warning
I just won a new customer, yippie. Bad news after i got the full story it seems they have a google penalty against them. It could be an old malicious employee with back links. The error in GSC is spammy markup, would anyone else care to take a quick look and see what the main issues are, im not sure of the tags or all the additional info and alternate names, they are relevant but maybe too much in rich snippets. the site is aipctshop.com. Thank you in advance.
White Hat / Black Hat SEO | | bendh0 -
Search Console Incorrectly Identifies WordPress Version and Recommends Update
Howdy, Moz fans, Today I received four emails from Google Search Console recommending I update WordPress. The message reads, "Google has detected that your site is currently running WordPress 3.3.1, an older version of WordPress. Outdated or unpatched software can be vulnerable to hacking and malware exploits that harm potential visitors to your site. Therefore, we suggest you update the software on your site as soon as possible." This is incorrect, however, since I've been on 4.3.1 for a while. 3.3.1 was never even installed since this site was created in September, 2015, so the initial WP Engine install was likely 4.3. What's interesting is that it doesn't list the root URL as the problem source. The email states that it found that issue on a URL that is set up via WP Engine to 301 to a different site, which doesn't use WordPress. I also have other redirects set up to different pages on the second site that aren't listed in the Search Console email. Anyone have any ideas as to what's causing this misidentification of WP versions? I am afraid that Google sees this as a vulnerability and is penalizing my site accordingly. Thanks in advance!
White Hat / Black Hat SEO | | jmorehouse0 -
I have a recipe food blog and use wordpress, but my recipes are usually in more than one category...?
The recipes are in most cases in more than one category (usually two) each. Do and (and if so how) need to set each post to one canicol url? E.g A recipe on Peas is in healthy foods (which is the default wordpress cat.) and also Vegetarian Dishes. I use YOAST for wordpress
White Hat / Black Hat SEO | | Kelly33300 -
Content placement in HTML and display
Does Google penalize for content being placed at the top of the page and display for users at bottom of the page? This technique is done by CSS. Thank you in advance for your feedback!
White Hat / Black Hat SEO | | Aerocasillas0 -
Is it ok to have nothing underneath your H1?
Essentially what I want to know is - Is it ok to go straight from H1 to H2 without any text in between? e.g. abcd efgh ijklmn opqr stuvwxyz Is google going to see the H1 tag as a loose end without anything underneath it and just going straight to a H2?
White Hat / Black Hat SEO | | First-VehicleLeasing0 -
Hits in H1 will improve ranking by regular crawling ?
Hello ! I was wondering if it's a good idea to keep the "Hits" in the H1 ? http://www.ibremarketing.com/item/netapp-e5400-storage-system.html Will Google come to check regularly the update (new information if I'm right) or if he will not like the idea to come back just for hits update. As I have very good results on this part of the website, I do not want to take any risk. Thanks a lot !
White Hat / Black Hat SEO | | AymanH0 -
Attracting custom from 3 cities - Is this the best way to optimize?
Hi, I'm working for a client that draws custom from 3 nearby cities - I was thinking of creating a new page for 2 of the cities, reachable from within the website and not simply doorway pages. Each new page would include (1) General info (2) info relevant to the city in question, if relevant to client - perhaps well-known customers already coming from the city in question (3) transport from the city - directions. Is it OK to do this, or could Google see it as manipulative seeing that business is not geographically located in all 3 cities (in actual fact the business is in just one location, within the official borders of one city, in another city for some administrative services and 40 miles away from the third). Thanks in advance, Luke
White Hat / Black Hat SEO | | McTaggart0 -
Hidden H1 tag - ?permissable
Until now I have been building websites either from scratch or with a template. Recently I decided to learn Adobe Dreamweaver. At the end of the first "Building a Website using Dreamweaver" lesson, the author notes the site is done but an H1 tag is missing. The instructor advises "The page doesn't have a top-level heading ( ). The design uses the banner image instead. This looks fine in a browser, but search engines and screen readers expect pages to be organized with a proper hierarchy of headings: at the top of the page, ..." The instructor then walks readers step-by-step into creating an H1 tag and using absolute positioning of -500px top to cause the tag to not be visible. My initial thought was the instructor was completely wrong for offering this advise, and users would be banned from search engines for following these instructions. I had planned to contact the writer and suggest the instructions be modified. Prior to doing such, I wanted to request a bit of feedback. The banner image's text in this example is "Check Magazine: Fashion and Lifestyle". The H1 tag that is created and positioned off-screen uses that exact same text. In an old blog comment, Matt Cutts shared "If you’re straight-out using CSS to hide text, don’t be surprised if that is called spam. I’m not saying that mouseovers or DHTML text or have-a-logo-but-also-have-text is spam; I answered that last one at a conference when I said “imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company’s name and it’s Expo Markers instead of an Expo Markers logo, you should be fine. If the text you decide to show is ‘Expo Markers cheap online discount buy online Expo Markers sale …’ then I would be more cautious, because that can look bad.”" I would like to get some mozzer feedback on this topic. Do you view this technique as white hat? black hat? or grey hat?
White Hat / Black Hat SEO | | RyanKent0