Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Page Title versus H1 title
-
What's the difference between the Page Title and the H1 title? It seems like both summarize the page. Is it a wasted opportunity to make them the same? Should they be similar but slightly different?
-
of course! so my recommendation would be to inspect the page (with chrome dev tools) and see if it is styled as an H1, and if it isn't styled as a true H1, I would add that as a task to your backlog but I wouldn't suggest that you make it higher priority then other more important ranking factors. That being said, most of these SEO best practice recommendations come from people doing tests and identifying trends, so there is no 100% solid answer that "yes you NEED it to be styled as a true H1" or "no it does not matter at all".
My personal opinion is that it still carries some value, so if you can figure it out, I would recommend that you do have it read as a true H1 tag. Even if it does not impact your rankings significantly, I think that your site will be better off following all recommended best practices.
-
Thank you for the over and above response!
My quandry is that the text that is really the "H1" on each page is done in a certain styling on the web platform such that we can't control the text for it to be an H1. We can't choose it with a menu or do it on the back end through code and tagging. (Maybe we could if we really dig into it, not sure.)
The text is very clear on the page and functions exactly in the way I believe an H1 should function, clarifying what the page is about (similar to the page title but not always exactly that same words). We like the styling, and it's clear and visual. I was wondering if we should worry that tools like Moz Pro don't see it officially as an H1. It seems from most things I'm hearing is that it functions as an H1 already and we don't need to spend the time to get it to be stylized as official H1. That's why I was wondering exactly what H1s are for and why they are important. If it's for directing the viewer on the page, we've done that. If it's for something more that needs official H1 "status" we don't have that.
-
Thank you for the response! I really appreciate it.
-
Title Tags = Page Titles (if you're using a CMS, it is usually called page title, not title tag).Your title tag is the name that appears on your browser tab. This is one of the first places that search engine spiders crawl to see what a page is about. When it comes to SERP ranking, your title tag has far far more of an influence then the H1 does. In fact, so many people used to keyword stuff the H1 and use it for spam, that it no longer has much of impact at all, if any. The H1 of a page is now more intended for the user to get a clear idea of what they are about to read, as well as styling of your pages. Moz recommends the following format for your title tag: Primary Keyword - Secondary Keyword | Brand Name. However, if your title tag doesn't match what content of the page is about, than you're spamming.
Here's an example: Let's say you have a page about why organic apples are the best, and you sell organic fruit and your brand name is organics (which is probably a real brand name but oh well, it's for this example). Your title tag (page title) could be this: Why Organic Apples Are Better - Premium Organic Fruit | Organics. But your H1 could be: "Why You Should Start Eating Organic Apples Only" or "Why You Should Avoid Non-Organic Apples" and it would be the first thing on-page.
-
Hi,
Main Differences:
Title Tags appear in search engines and the Web browser’s title bar
H1 Headers appear within the body text of the webpage
Search engines give more weight to Title Tags than H1 HeadersPlease check this old thread on similar query @ https://moz.com/community/q/can-h1-and-meta-title-be-exactly-the-same-why-not
Hope this helps.
Thanks
-
Hello,
I refer to this Moz article when writing Meta Title tags https://moz.com/learn/seo/title-tag with the optimal format:
Primary Keyword - Secondary Keyword | Brand Name
The H1 tag would look unnatural in the same format. Personally I use the H1 tag to focus on my primary keyword if the page is mostly focusing on the primary keyword. The H1 tag should provide a good user experience when a visitor lands on the page and give an indication of the content within. If you make it unreadable it will result in a bounce back to the SERP.
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
-
What is the best meta description for Category Pages, Tag Pages and Main Article?
Hi, I want to index all my categories and tags. But I fear about duplicating the meta description. for example: I have a tag name "Learn Stock Market", a category name "Learning", and a main article "What is Stock Market". What is your suggestion for meta description of these three pages that looks great for seo google?
On-Page Optimization | | mbmozmb0 -
Getting the Titles and Headings Right on Product Pages. Userbility vs SEO
Hey Mozzers, I am optimising a chaotic section of the site including many similar products. Writing unique content etc. The titles and urls were all over the place so my first job was to tidy them up so I could make some sense of the situation, especially as sometimes they didn't even match! I should point out were on Magento, so product name = Both the Heading and Title of the page, the meta title can be set separately. When i refer to title I mean both <title>and <h1></strong><br /><br />Before they existed as such<br />URL: domain.com/200-x-0-5-g-rs-232-balance.html<br />TItle: PC-1234 200 x 0.5g x 0.3 RS-232 Balance<br /><br />This format was (Product Code, Capacities, Resolutions, Accuracy, Product Title)<br /><br />The issue was all 60 products in a page followed this format. Navigating through the page was a nightmare and was just a jumble of numbers and highly confusing even to me who learnt what they all mean, especially when you had 8 products from the same range you got presented with<br /><br />APC-1234 200 x 0.5g x 0.3 RS-232 Balance<br />APC-1235 500 x 1g x 0.3 RS-232 Balance<br />APC-1236 1000 x 2g x 0.3 RS-232 Balance<br />APC-1238 5000 x 10g x 0.3 RS-232 Balance<br />APC-1239 10000 x 15g x 0.3 RS-232 Balance<br />APC-1210 20000 x 25g x 0.3 RS-232 Balance<br />APC-1211 50000 x 50g x 0.3 RS-232 Balance</p> <p>I changed them to something more user friendly.<br /><br />URL: domain.com/200g-precision-balance.html<br />Title: 200g Precision Balance<br /><br />This has seen the following benefits<br />- URL is now clear and means something to the user<br />- Product titles are easy to navigate and the page is more pleasing to the eye<br />- The jumble of numbers in the title are now all labelled and shown below each product listing in bullet point so the user can see the basic spec of a product without having to decipher any titles<br /><br />Upon reflection I has a couple of concerns I was hoping you could discuss, I am wondering if I have made the titles too simple.<br />1) I have no product code in the title<br />We have our own products manufactured and sell existing brands with their own product codes. Some of these can be lengthy. Adding them makes them hard to the eye and the page looked cramped.<br /><br />The codes are listed beneath each product title on category pages and on a list on the actual product page, but no where in the titles. <br /><br />2)None of our products have a brand listed in the title<br />None of the products on the site had brand names in anything but the images when i started and as such it snuck under my radar. But should i pre-fix all titles with a brand name?<br /><br />Should </p> <p>URL: domain.com/200g-precision-balance.html<br />Title: 200g Precision Balance</p> <p>become</p> <p>URL: domain.com/BRAND1-200g-precision-balance.html<br />Title: BRAND1 200g Precision Balance<br /><br />My instinct tells me to change things to include brands as its useful to the customer and should have an SEO benefit, but to leave out product codes as they are accessible to the customer where they are now and dont make things messy and unreadable.<br /><br />As always, thanks for the input!</p></title>
On-Page Optimization | | ATP0 -
H1 tag- on home page - what is it best to include
is it best to have in the H1 tag 1. just our website address 2. combination of website address followed by short keywords about our website
On-Page Optimization | | CostumeD0 -
SVG image files causing multiple title tags on page - SEO issue?
Does anyone have any experience with SVG image files and on-page SEO? A client is using them and it seems they use the title tag in the same way a regular image (JPG/PNG) would use an image ALT tag. I'm concerned that search engines will see the multiple title tags on the page and that this will cause SEO issues. Regular crawlers like Moz flag it as a second title tag, however it's outside the header and in a SVG wrap so the crawlers really should understand that this is a SVG title rather than a second page title. But is this the case? If anyone has experience with this, I'd love to hear about it.
On-Page Optimization | | mrdavidingram2 -
Listing all services on one page vs separate pages per service
My company offers several generalized categories with more specific services underneath each category. Currently the way it's structured is if you click "Voice" you get a full description of each voice service we offer. I have a feeling this is shooting us in the foot. Would it be better to have a general overview of the services we offer on the "Voice" page that then links to the specified service? The blurb about the service on the overview page would be unique, not taken from the actual specific service's page.
On-Page Optimization | | AMATechTel0 -
Page Title & Meta Description Getting Cut Off In The SERPs
Hi Guys, I am trying to figure out why my page titles and meta d tags are getting cut off in Goofle SERPS. My page titles are 70 characters or under (including spaces) and my meta Dd's are 155 characters or under (including spaces) so I cannot work out why They are getting cut off. Is there something I have missed?! Thanks, Meaghan
On-Page Optimization | | StoryScout0 -
Title and Heading Tags
Firstly I would like to comment on how helpful this site is. I haven't posted much before but have been reading tonnes of answers for many months now and have been finding it really useful. I used the SEOmoz scanner and the main problem highlighted was duplicate content so I started to add 'customer product reviews' I had received and unique 'further information' to each page (hopefully this was the right thing to do to solve duplicate content! : ) ) Then I looked at heading and title tags. Currently I set title tags for each product page to be "Brand Name- Product Name" but after doing some research we are thinking of putting Keyword Description of Product | Product Name | Brand Name (around 60 characters long). So is this the advised thing to do and create unique titles that are relevant to each specific product page for over 200 pages we have? In addition, any advice on setting optimum tags would be great. We keep reading varying tips online. I gather ideally h1 needs to be a shorter keyword rich version of the title tag? Many Thanks
On-Page Optimization | | jannkuzel0 -
Hiding Page Titles By Display None
Hi. I am new to this community, and new to SEO as well. A friend asked me to give them suggestions on onsite optimization for their Drupal website. I know page titles are very important, and usually they should be set to H1. (At least I think) This particular website has all their page titles set to H2 and they are using display:none in their stylesheet to hide them for graphic design reasons. What would be the most practical work around for this? We don't want this to appear sketchy in the eyes of the SE's, but putting page titles at the top of their pages really would take away from their graphical design. The second issue is that they use a module called Quicktabs for tabbed product specs on each page. Each tab is actually pulled from a post (called a node in Drupal), so each tab has it's own title that is an H2. So not only are they hiding the main page title, but they are hiding 5 others within the tabs, and their are 6 H2 elements showing up on each product page all set to display:none. Any creative suggestions? Hope that makes sense.... Thank you!
On-Page Optimization | | aprilm-1890400