Showing posts with label SEO. Show all posts
Showing posts with label SEO. Show all posts

Get your blog-posts into Google's in-depth search results

This QuickTip is about the new in-depth search results feature that Google has recently introduced, and how you set up your blog-posts so they have a chance of being considered as in-depth.

In-depth search results

getting your blog listed here in google searh results
Google recently announced a new category that may sometimes be shown in a search results page, ie the page of information that is shown to a person after they have run a search in Google.

These suggested "in-depth" results are meant to help people to "find relevant in-depth articles in the main Google Search results"

This feature will be initially only be used on search results from on google.com in English, but is likely to extend to other google searches (eg google.co.uk, google.in, etc) and other languages over time.

Google's stated aim is for the in-depth panel to appear when someone searches for "person or organization name, or other broad topic", and for it to include
"thoughtful in-depth content that will remain relevant for months or even years after publication. ... [including material from] well-known publishers ... [and] lesser-known publications and blogs"

They haven't told us what counts as "in-depth" - but my initial guess is posts / articles that are at least several thousand words long, and possibly which have "enough" headers to show that they cover a range of sub-topics and points-of-view.  

An in-depth panel in Google's search-engine-results-page (SERP) looks like this:



At the moment, it is positioned at the bottom of the first search results page, as shown below.




Getting blog-posts included in in-depth result lists

Some bloggers write in-depth content about individual people, organizations, or other broad topics, and so may be interested in setting up their posts so they can be considered to be included in the in-depth results.

Google's guidelines about how to do this for websites in general are here: https://support.google.com/webmasters/answer/3280182

There are no promises and no magic-bullet solutions here:  competing against blogs and websites published by large organizations with editorial staff and SEO experts isn't easy.   But I think that it will be possible, particularly if you're an expert in your field, and have content that is unique in a particular niche.

Looking at Google's article, particularly relevant points for bloggers are:
  • Using Schema.org markup
    Recommended properties are headline, alternativeHeadline, image, description, datePublished and articleBody - some of these are from the general schema.org set, not specifically for articles.
  • Authorship markup
  • Logo

I also suspect that having a good thumbnail picture for your blog may also be important - especially if you don't have authorship set up.

Pagination and canonicalization is probably not so relevant, as most blogging tools don't provide automatic facilities for multi-part posts. However if you do want to combine several blog-posts into one "in-depth" candidate, note their comment about needing "a rel=canonical pointing at either each individual page, or a "view-all" page" and not just to the first post in the series.


How to implement schema.org properties in Blogger

I've described schema.org before - but I have to admit that I haven't implemented it yet in any of my blogs.   (Though I do have plans to use some, and have done Facebook's Open Graph tags.)

Blogger doesn't currently have tools in its screens that let you to set these features yourself - so to implement them at the moment, you will need to edit your template, and most probably add statements like:
If CURRENT-URL = A SPECIFIC BLOG POST
THEN SCHEMA.ORG COMMANDS

This isn't the correct syntax: I'm assuming that anyone who can figure out the schema.org codes won't need help with the HTML syntax.   And I'm not sure whether the code should go into the header or body sections.  But it gives you the general idea.   And my excuse is that this is a quick-tip, not a fully researched article at this stage.

Hopefully Google will put some features to make this easier into Blogger soon, for the sake of bloggers for whom SEO is important, but who aren't so brave about editing their template.




Related Articles:

Why SEO matters for some bloggers

Advantages and disadvantages of editing your Blogger template

Introducing schema.org

Implementing Facebook's Open Graph tags

Post-thumbnail:   a picture to represent a blog-post

Webmaster tools Structured Data Testing Tool - helping bloggers who care about SEO

This quick-tip introduces the Google Webmaster Tools structured data testing tool, which gives you a view of how your site looks to the search-engines.



quick-tips logo
Today I discovered that Google Webmaster Tools offers tools for testing the structured data on your website.

I haven't seen any announcements about it, just noticed it there when I was looking for something else - so I'm not sure if it's really new, just new-to-me, or I've been lucky enough to get a it before most people do.

You can find it here (or at least that's where I'm finding it):    http://www.google.com/webmasters/tools/richsnippets

Once you're at that page, you can paste in either an URL (your own, or someone else) or some HTML, press preview - and the system will show you how the meta-tags, open-graph tags and other Google-supported structured data on your site looks to Google.   This isn't important for many bloggers - but is very useful information if SEO matters for your blog.

And you can also "Select the HTML tab to view the retrieved HTML and experiment with adjusting it." - and so test out the effect of making changes to your template etc.

The results show you:
  • A preview of how the URL looks in a Google search-engine-results-page.
  • Authorship testing results - whether have a Google+ page or profile associated with the site
  • Authorship email verifications results
  • Publisher markup verification status
  • An extract of the structured data


I don't even begin to understand what all the results mean.    And I'm not sure if we can do something about all results that are shown - eg   checking Are-You-Blogger currently tells me that there are values for properties that I've never set (eg blogid and postid)  and also properties that aren't part of the schema, eg:
  • Error: Page contains property "image_url" which is not part of the schema.
  • Error: Page contains property "blogid" which is not part of the schema.
  • Error: Page contains property "postid" which is not part of the schema.


But, much like the syntax-checker provided by Facebook for checking how successful you were at  installing Open Graph tags I'm sure that this will be a useful SEO diagnostic tool.

How to make AdSense ads in your site load faster

This article is about a new, faster, type of AdSense code which is available, and how you can add it to your blog.


AdSense have announced that they are now providing a new, faster, type of code for their ads.

This code is "asynchronous", which means that other content on the page will still keep on loading, even if the advertisement is delayed.

This a good thing, because it lets your blog's visitors see your posts more quickly.  Also, if SEO matters for your blog, then having it load as quickly as possible is important, because Google likes pages that load quickly.


How to put asynchronous Adsense ads into your blog


Blogger have not commented, but I am 99.99999% certain that the new asynchronous ad-code has not be implemented into the AdSense gadgets that are available from Blogger's Add-a-gadget tool.

So to put it into your blog, you need to:
  • When you reach the Ad code box, choose 'Asynchronous (BETA)' from the Code type drop-down menu

Ad Successfully Created - ad code window - where you can copy and paste adsense code from - now has a Code Type drop-down above the Ad-code box.




You may also want to use techniques like centering gadgets on your blog - but remember that the changes which you are allowed to make to AdSense code are very limtied.


Troubleshooting


AdSense are still describing this new code as "beta" - this means they're pretty sure it's ok, but it might still have some glitches.   So if you do use it, check out your blog in a variety of browsers (ie Chrome and Firefox) to make sure that it's working, and keep an eye on your AdSense earnings too - if they drop unexpectedly, you might want to switch back, and check if that was the problem.

They recommend that if you are going to use the asynchronous code, you should change all the ad-units on your site at once. This could take a while if you've installed ads inside your blog psots but may be worth the effort.  That said, personally I'm going to wait until the new code isn't described as "beta" anymore before I put into the posts in one of my blogs.


Does it work?

Just before I published this post, I replaced the AdSense ads on this blog with the new versions of the code.  Do you think that it makes Are-You-Blogger load quicker?

Has it made your own blog load more quickly?




Related articles:


How to put AdSense ads inside Blogger posts

How to add a gadget to your blog

Installing 3rd party HTML into Blogger

Does search-engine traffic matter for your blog? 5 reasons why not

Tools for measuring how quickly your blogger pages load

How to centre-align gadgets in Blogger

Allowable changes to AdSense ad code

AdWords external keywords research tool is going to be retired

This quick article shares an observation about the likelihood that Google's free Keywords Research Tool is being turned off.


Most SEO advice says that if SEO is important for your blog, then you should use a keyword research tool to find out the words and phrases that people are actually searching for, and then use these words (so-called "keywords") a lot, because they are most likely to get more visitors for your blog.

There are many tools that can be used to look for keywords, but Google's own keywords research tool is often recommended:  it's free, and no one knows more about key-words than Google does.

The tool is provided as part of the AdWords product (ref AdSense vs AdWords what's the difference).

Usually, you need to sign in to an AdWords account to use their tools.   An AdWords account may be based on your usual Google account, but because it can be used to buy advertising, Google ask you to put a small amount of money into it, so you can use it to pay for advertising campaigns immediately.    (They don't charge you immediately, they just want your account to have a positive balance, so it's able to be used.)

However their Search-based Keywords tool (announced back in 2009) and it's upgraded version, the Keywords-tool ( http://www.adwords.google.com/keywordtool or https://adwords.google.com/select/KeywordToolExternal - both which currently re-direct to https://adwords.google.com/o/Targeting/Explorer?__c=1000000000&__u=1000000000&ideaRequestType=KEYWORD_IDEAS ) have been available without logging in, provided you complete a simple captcha-text .

Today, though, I've noticed this announcement at the top of the page:
In the coming months, the external Keyword Tool will no longer be available. To get keyword ideas, sign in to your AdWords account and try Keyword Planner.

I cannot see any announcements about this in the AdWords blog.   But this actually has very little information about the keywords tool anyway, most of what is there dates from 2008/09, and they haven't used "keyword" as a label for their posts.  

Google aren't in the habit of putting up notices like that which are wrong, so my guess is that, sooner or later, this tool is going to be removed, and their only keywords-research option will be the Keyword Planner, which isn't free .

So maybe it's time to start finding a new favourite free keyword research tool.   Some reviews to get started with:

Or maybe bloggers should just forget about keyword research, and focus SEO-basics, and then on writing good quality, natural-language, unique content.



Related Articles


AdSense vs AdWords what's the difference

 Five reasons why SEO is irrelevant for your blog

Getting started with SEO for Blogger users

Why enabling a mobile template just became more important to some bloggers

This QuickTip explains some recent announcements from Google  about SEO and mobile devices, and what they mean for Blogger users.


quick-tips logo

If SEO matters for your blog, and your blog is relevant for users with moble devices, then you pretty much need to enable a mobile template.

Why?   In short, because this recent post from Webmaster Central says that for Google the ranking of search results on mobile devices is now impacted by how well sites are optimized for mobile devices.

This means that if you haven't set up your blog for mobile, then it won't come up so highly in the search results seen by mobile users.

As well as the template, there are a range of other factors that affect how well your site works for mobile. Blogger users cannot control a lot of them, though we can think about:

Also, remember that if you make a home-page using a custom re-direct, this will only work in your desktop version. The re-direct isn't applied for mobile viewers, they just see your most recent posts in mobile-friendly tiles.

How to install Facebook's Open Graph tags into Blogger

This article shows how to install Facebook's Open Graph tags into Blogger


Why Open Graph 


Neil Patel recently explained on Quick Sprout why having Facebook and Twitter tags installed into your blog is important.

To cut his long story short, if you install them, then when someone shares your blog-post, the shared item looks better. This means that more people are likely to follow the link and/or share it themselves - so your blog gets more traffic, and people think you're more professional and thus credible.

Neil also stated that if you don't use Wordpress, "you’ll need to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are brave enough to edit their template that's not true.   Blogger provides lots of SEO-supportive features these days, and you can easily use them to make OG-tags work on your blog - even if you haven't quite got your head around what OG is - personally it took me months to understand what it was all about.

The following sections have more details about how to do this.


How to install Facebook's Open Graph tags into a blog made with Blogger


Edit your template in the usual way.

1     Tell Google about the namespace:

Find the opening <html  ... statement, and add the Open Graph namespace information to it.   The code to add is
xmlns:og='http://ogp.me/ns#'
and it goes after the existing namespace statements.   For example, my current tag looks like:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'    >

or like this after the line is added:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'
xmlns:og='http://ogp.me/ns#'>


2   Add the Open Graph tags


Find the closing </head> tag.
(Hint:  I often search for just </head   ie without the closing >, in case there's something else in the tag in my template)


Put the following code immediately before it:
<!-- Begin Open Graph metadata --> 
<meta expr:content='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if> 
<meta expr:content='data:blog.title' property='og:site_name'/> 
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='
URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST' property='og:image'/>
</b:if>
 
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<!-- Still looking for a way to use the post snippet if there's no description -->
</b:if>
<!-- End Open Graph metadata -->


This code needs to be adapted for your blog.   In particular:
  • en_US
This value is fine if your blog is written in US-English. But if you are writing in UK-English, you may want to change it to en_GB.   

And if you are using a different language altogether, you should change it to the two letter code for that language-territory combination:   see https://developers.facebook.com/docs/internationalization/  for more information about the codes that they support

  • URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST 
Replace this with the web-address of a picture that you want to use if the individual post doesn't have a thumbnail  - perhaps your logo, or a blogger logo.


  • App-ID and Facebook-Profile-ID
If you have got an App-ID associated with your blog, perhaps because you signed up to use Facebook commenting with it, then you may also want to add the following statements, just before  the "<!-- End Open Graph metadata -->"
<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-Profile-ID' property='fb:admins'/>


Of course putting in your own values instead of the ones in red   (I'm assuming that if you knew enough to get an App-ID, then you will know how to find it, and also about the risks associated with linking your Facebook-profile-ID to your blog.)


3    Check it's complete:

Preview the template changes to make sure that they've worked, and then save them.




Troubleshooting


Testing the OG tags

Facebook have a tool that you can use to see what values the OG tags in your blog have.
It is found here: https://developers.facebook.com/tools/debug

Enter the URL of one of the posts from your blog and click Debug to see the OG tags which Facebook finds for it.



Descriptions

The Descriptions tag will only work if you have Search-descriptions on (Option > Search > Meta-tags > Enabled), and have entered a search description for each post using the post-editor.   I had hoped to be able to use post.snippet when this wasn't available, but have not been able to work out the correct syntax to do this.

Pictures

Facebook would like you to use an image that's at least 200x200 as your posts's thumbnail image or as the default image to use for posts that don't have one.

If the picture that you use is smaller than this, they do appear to use it.

However you will see the following message when you use a debugging tool to look at what tags Facebook is reading from your site:
og:image should be larger
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://3.bp.blogspot.com/XXX.png' will be used instead.




Related Articles:


How to add Twitter-Cards to Blogger - these are the Twitter equivalent to Open Graph tags

Advantages and disadvantages of editing your Blogger template

Post.thumbnail:   a summary image for a post

How to edit your Blogger template

Linking your blog to the social networks