Advanced Title Tags
-
Looking for some advanced help here. I've been reading a lot of conflicting information on this, and I am hoping someone can clear this up.
My question is regarding length and complexity of title tags. For example, my top level keywords are:
IT Support, IT Services, IT Outsourcing, Help Desk, etc.
I also have pages for many modified versions ex: IT Support Services, Managed IT Services, etc.
I have robust pages for each. Should my title tag be:
IT Support | CSM Corp. - Simple
IT Support Company | CSM Corp. (Picks up a longer tail)
or
IT Support | Secondary Keyword | CSM Corp.
Does adding secondary keywords dilute the strength of the primary keyword?
If long is preferable, can someone give me an example using "IT Support"?
-
Paul is like the cleanup hitter. We all get on base and he drives em home.
-
AHA! Figured it out. You're using a responsive slider, Rahul. That means the slider (and its images) get resized depending on the size of the browser window.
Those of us seeing blurry images are using a larger browser window, causing the images to be up-sized and going blurry.
To get around this, you're going to have to use larger images for the slider to keep the bigger browser windows sharp. (This is one of the classic tradeoffs of responsive design - the files sizes actually have to be bigger, even though they may get displayed on a small phone.
You'll need to arrive at a happy medium, and your analytics can help here. Ideally, you want to check the average browser window size for desktop users, but that takes some extra customization Instead, at leas look at the average screen size of your desktop users and make an estimate of the typical browser window they use. Then check what size the slider images are for those screen sizes. Then redo the images to look crisp at that size. Compress them as much as possible while still maintaining quality, so you don't kill the file size.
That way, small screens will get the image as compressed as possible, but large screens will still see a large enough version of the image to be crisp.
Hope that makes sense?
Paul
-
Your figures are off, Rahul. Using the example of the IT Group photo ( the men & women standing in the middle of the hallway of servers-first image) the slider image is 337 pixels high, but the image file feeding it is only 250px high.
So the image is being up-sized by over 30%. That amount of upscaling will blur any image. Need to go back to the original image and recreate a new image for the slider that is 337 pixels high (or whatever the slider is actually using - I just used a rough on-screen ruler for my measurements so could be off a couple of pixels)
Paul
-
It looks to me like you need to increase the size of the images, Rahul. The images' dimensions are smaller than the way they are being rendered in the slider, which means the slider is having to up-size them to display. Up-sizing an image like that always makes it more blurry as data must be interpolated. (Doing this up-sizing in an image editor like PhotoShop will always be higher quality, but even then some blur is inevitable).
Best to redo the images from their originals at the size the slider is actually using them.
Paul
NOTE! Image resolution has nothing to do with how images will display on the web. Image dimensions (height and width in pixels) are the only thing that matters.
-
Can you clarify? I am using Layer Slider, which uses a mix of text and graphics. You can see it at www.csm-corp.com. The sliders are generally 250 high, and the images (people) started off at 300 high. They needed to be scaled down to fit, and they don't encompass the whole slider.
What am I doing wrong?
-
Hi Rahul,
If your slider if 800px wide and 400px tall for example, make your images and art the exact same size.
Downsizing a 1000px wide image to 800px wide will maintain crispness.
Upsizing a 600px wide image to 800px wide will blur it.
If your images and art are typically smaller than your slider, reduce the size of your slider to accommodate your content.
-
No offense taken. They are high res. The slider is blurring them. Should I reduce the size of the slider?
-
In your AdWords account, don't forget to use the Keyword Tool.
It isn't the end-all be-all, but it will definitely get you on the right path.
P.S. I looked up your site and I just want to add a bit of criticism from a user's standpoint (please take it in the spirit in which it is intended.): All your graphics on that front page banner are... blurry. Get 'em high-res if you can cause it hurt my eyes to look at and I'm sure I won't be the only one bothered by that. Not trying to be a jerk, just trying to be helpful.
-
Rahul,
I've found that using too many keywords in the title tag will dilute the main keyword, but the jury is out on that one whether it's 100% true.
Are you running a ppc campaign? PPC campaigns will often reveal the magic keyword that converts the best. Once you have this data, you can experiment with variations of the term to form the best possible title tag that revolves around conversions rather than traffic.
Jerry also has a good point about looking to see what competitors are targeting. They wouldn't be targeting those keywords if they weren't profitable -
You probably have already done this, but do you have any keywords that are more actionable? Such as "IT Service Reviews?" I just did a few quick searches for those high level keywords, and they keep producing research based results (i.e. Wikipedia, etc).
Anyway, the best tactic is to take a look at the top 5-10 prospects for your specific vertical, and see what they are doing. If they you can find a pattern in those title tags, then you can determine your strategy based on that.
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
-
How to fix Category Duplicate Titles Issue?
How to fix Category Duplicate titles and descriptions issues? Most common problem in Wordpress. Example - http://www.abc.com.au/news
Intermediate & Advanced SEO | | varunrupal
http://www.abc.com.au/news/page/3
http://www.abc.com.au/news/page/4
http://www.abc.com.au/news/page/5
http://www.abc.com.au/news/page/10
http://www.abc.com.au/news/page/6
http://www.abc.com.au/news/page/7
http://www.abc.com.au/news/page/9
http://www.abc.com.au/news/page/80 -
Asking a natural question in H tags ?
Hello, I read that in H tags it is more natural to write the question a user would ask, does it really have any benefits in terms of seo For example instead of "Tour map" writing "what are the villages you visit ?" or instead of "Activity level" write " "what is the level like ?" Does it help in anyway ? Thank you,
Intermediate & Advanced SEO | | seoanalytics0 -
Multiple hreflang tags pointing to one page from the same country
Hi All, Hypothetically, let’s say a brand established in the UK created the following URL for the Italian market, www.example.com/it/ticket-watch (Ticket watch the made up brand) In this scenario, Ticket Watch is used across multiple services and domains in the UK such as: www.example.com/ticket-watch www.ticketwatch.com/ Essentially, could you point multiple ticket watch pages that live on different domains so that www.example.com/it/ticket-watch could potentially have 4 or 5 tags from the same country (UK), but the self-referencing pages will only have one hreflang tag: canonical and hreflang meta information to be included on www.example.com/it/ticket-watch But the hreflang meta information to be included on www.ticketwatch.com/ will only have one tag I’ve only in included 2 hreflang tags for the for the first example but let’s say there were an additional 2 or 3 GB based ticket watch hreflang tags. Will these tags still be validated? Thanks,
Intermediate & Advanced SEO | | SEONOW1230 -
All of my blog titles have disappeared. In need of Wordpress help.
Not sure if this is the right place to ask this question but here it goes. All of the titles on my real estate website have disappeared. I have spent hours looking through different forums trying to figure out how to make them show up. Also whenever I hover the cursor over links they turn to white and disappear as well. This is the website: http://www.acolerealty.com/blog/ If this helps here is the custom CSS in worpress is the following: /* GREEN */ body {background: #eff3ec !important;} .header-membership {
Intermediate & Advanced SEO | | artscube.biz
background: #fff !important;
box-shadow: none !important;
border-bottom: 2px solid #e5e9e3 !important;
} .header-membership a {
color: #909090 !important;
text-shadow: none !important
} h1#site-title a {
color: #397249 !important;
} header nav#main-nav {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */
} #t-header-container .home-search-container #header-top-search::before {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */
} input.button-primary {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */ border:1px solid #23472d !important;
} input.button-primary:hover {
background: #628b61 !important;
} footer {
background: #e4e8e1 !important;
}0 -
Duplicate title tags due to lightbox use
I am looking at a site and am pulling up duplicate title tags because of their lightbox use so... So they have a page: http://www.website.com/page and then a duplicate of that page: http://www.website.com/page?width=500&height=600 on a huge number of pages (using Drupal)... that kind of thing - what would be the best / cleanest solution?
Intermediate & Advanced SEO | | McTaggart0 -
Problems with Squarespace Title Tags
Hi All, I'm having problems editing the title tags on individual pages on Squarespace. It seems the only way to do it is via the page title name. Here is an example: http://www.autismsees.com/research/. The page is called research, so it makes that the meta title. The problem is I want to keep research on the page and the Meta Title be: Autism Spectrum Research. I'v tried searching over the web, but no luck so far. Thanks for your help.
Intermediate & Advanced SEO | | PeterRota0 -
Noindex : Do Follow or No Follow Tags?
Hello, I have a website with tags (which have the noindex tag) on each article post. I've been told that I should noindex/nofollow these tag pages, because they are getting link juice passed to them, and since they aren't getting indexed, it's wasting link juice to those pages, when the link juice could be passed to a page that is actually getting indexed. What are your thoughts on this? Also, what would be the point to noindex/follow a page, if you are noindexing that page? Isn't it just wasting link juice? What is the proper SEO way to optimize tags.
Intermediate & Advanced SEO | | WebServiceConsulting.com0 -
Title tag solution for a med sized site
Its the same old story, we all know it well. I have a client that has a site with 20k+ pages (not too big) and traffic levels around 450k/month. Now we have identified 15 pages with various conversion points/great backlink metrics etc. that we are going to explicitly target in the first round of recs. However, we are looking at about 18,000 dup title tags that I'd like to clean up. The site is not on a CMS and in the past I've had the dev team write a script to adopt the h1 tag or the name of the page etc as the title tag. This can cause a problem when some of these pages that are being found in long tail search lose their positions etc. I'm more hesitant than ever to make this move with this current client because they get a ton of long tail traffic spread over a ton of original content they wrote. How does everyone else usually handle this? Thoughts? Thanks in advance Mozzers!
Intermediate & Advanced SEO | | MikeCoughlin0