How To Add Schema Markup

Adding schema markup

This article is to help GeoTheme users add schema markup (schema.org) to their directories it will be added to as and when I have time so please be patient.
it is relevant to add sites and blogs but certain parts will only be relevant to GeoTheme.

In the mean time here is the starting point. Test Pages of my directory site with the Google tool and compare to your own as you go on my directory site The Bathroom Home Directory.

Home page:
All you can do here is add into your header for Google + and declare you are a website.
So in your header.php download it from the GeoTheme directory.

Open it in a plain text editor.

Next add in your Google + publisher details.

This next part is used for multi author blogs like Geotheme. Although it will work fine for any other single author WordPress blog.

You could use a link similar to above for author rather than a php query like below just change publisher to author.

Save and upload the file to your child theme directory.

 

Schema markupIf you are not sure where to get you publisher id, visit your Google + account and click on profile look for the long number.

That should then test you page with the schema markup testing tool.

Hopefully all should be good on the home page, also you will notice that if you have any place, event pages that someone has added where the have filled out the Google + details in their profiles the author schema markup should show as well.

I will add to this post soon to do some more for your breadcrumbs and other items for schema rich snippets like ratings etc….

*Addition
I have noticed that in Blog category pages The Google structured data tool was recording the author details multiple times for each except that was being shown purely because it has rel=author then it was echoing the author link, so I found an easy way to deal with this is altering the blog_listing.php (GeoTheme) template which is very common in all blogs to have.

This will echo out on the page your author page url, which now Google knows who you are and your G+ id, so the simple solution is to alter it from a link to just your name by using instead the below.

If you want to be notified follow my tweets below.

 

 

 

Moving Twenty Twelve Menu to below the Header Image

Moving Twenty Twelve Menu.

I did not like the default way that the header image on the WordPress Twenty Twelve theme is below the menu, I tend to not use the default header text titles on themes as they are what makes a wordpress site look like a blog as opposed to a good quality website.

So on the Klick site I decided to move the Twenty Twelve Menu to below the Header image and use a header image instead of the header text.

moving twenty twelve menu

It is very easy to achieve simply open your header.php in your child theme , If you have not created a child theme the read this first.

Download and open the header.php file from the Twenty Twelve theme, /wp-content/themes/twentytwelve.

Around line 42 you will see the below code.

For moving twenty twelve menu all you do is swap them and place the site navigation (menu) below the header image as below.

Now upload the header.php to your child theme and you should have a new position for the Twenty Twelve menu.