Onsite Optimisation Without The Code

4 September 2017 Kieran Headley Leave a comment Dev Updates

As touched upon in our last update, we have been working hard over the last few months on making a high number of changes to the platform, the main one of them being theWebShed Onsite Optimiser! This is something we are super excited about!

Having worked in SEO agencies for a large part of our working life we know the struggles of implementing onsite changes on a single website, let alone a whole array of websites. Everything from incorrect logins to custom CMS platforms can cause headaches and slow down your onsite optimisation efforts.

So that is why we created the Onsite Optimiser, a tool that allows you to manage your onsite SEO directly from theWebShed dashboard. And all you have to do is implement 2 lines of code into the <head> tags of your website, just like with Google Analytics.

TL:DR


 

How it works

The installation process is as simple as adding 2 lines of code into the <head> tags on every page of your website (just like you do with Google Analytics).

Once added our awesome web crawler sets about crawling every inch of your website, grabbing all your pages and returning them to theWebShed dashboard. Once retrieved you will be shown a list of all pages, now with the ability to optimise the key elements on them. These include;

  • Updating/adding the page title
  • Updating/adding the meta description
  • Updating H1 headings
  • Updating/adding the canonical link
  • Adding a meta-robots directive *
  • Adding redirects from one page to another (these behave just like 301’s in Google’s eyes – and we checked with them)

We also take care of removing out your redundant meta-keyword tags and sorting other SEO elements automatically. *We have been reliably informed that the meta robots tag will be picked up by Google if adding a noindex directive via the Optimiser. However if you have a hardcoded noindex tag, and want to change this to index via the Optimiser, this may not be picked up. This is a very rare situation, but we wanted to let you know 🙂

This is all easily controlled through our super simple dashboard. Edit up to 50 pages at once and modify multiple elements for each page. There is also a flag to let you know which pages have the Optimiser installed.

 

We have also integrated this with our Onsite Auditor tool. You will see a list of pages that need fixes and then make them directly within the platform.  In the example below we list pages that have a missing meta description.

 

You can also search for a specific page within the dashboard, this returns a list of pages that start with the path entered. Handy for bigger websites.

 

So it is that simple to make changes from within our dashboard, but if you still use other crawling tools and want to make the changes without having to switch between the two tools we created a Google Chrome extension for you!

Google Chrome Extension

We know that a lot of you will have your favourite SEO audit tools, heck even we do (obviously ours are theWebShed 😉 ). We’ve created a Google Chrome extension for you to be able to update your website when you are navigating through it. All you need to do is download the extension from the Chrome store, add your API key from theWebShed and you’re good to go.

You can edit all of the websites you look after, so no need to keep chopping and changing API keys.

Just update the sections you want and hit ‘Save Changes’. Then refresh your page and all of the changes will have been rolled out! How cool is that?!?

It Works!

We know that one of the biggest reservations on this implementation method is that it is powered by Javascript, and how this is used by Google. There has been a lot of posts of late about how well Google is rendering Javascript, but we didn’t want to just leave it up to blogs to convince you that it works. Not only have we combed through Google’s Webmaster Guidelines but we have also checked with Google directly that this method will be picked up by their crawlers and rendered as it would if it was hardcoded. The answer was YES.

But not one to rest there we also tested it across a number of websites, we show an example of the results in action below;

Updated the title tag

New title tag picked up by Google and indexed

 

Google Fetch/Render Difference

If like us you are a regular user of Google Search Console you will notice some unexpected results when using Google’s fetch and render; the implementation relies heavily on Javascript so you will not see the changes when you click on the ‘Fetching’ tab. However, simply navigate to ‘Rendering’ and the changes will be visible. As shown below;

We changed the H1 to “SEO and Web Development” not picked up below

But shown when you hit the Rendering tab

Currently this is the same for a number of the web crawling tools, except with Screaming Frog’s Javascript crawler we have tested on it works with this crawler.

Benefits

Apart from the obvious time-saving aspect of being able to make all your onsite changes from a single dashboard there are a number of benefits;

  • No more confusing platforms
  • No more “I can’t edit that / add that / update that due to your website” conversations with clients
  • No more lost FTP
  • No more incorrect CMS logins
  • No more HTML (!)
  • Easy to update

It is also a solution that will work whether your website is using WordPress or a custom CMS platform Pete built 20 years ago; as long as you can add the tag, that website can be optimised.

Cost

Now this is the part where I tell you that the cost of this amazing new tool is in the £100’s and it won’t make financial sense, well I have a surprise for you! You can get this tool as part of all our tools for £15 per month per client! That means you get this tool along with Citation Tracking, Keyword Tracking, Reputation Management, Reporting, Workflow Management and access to our Marketplace…. It sounds like a Gadget Show competition!

You can sign up for a free demo here, or check out everything else you get.

 

For Reference

1. From what we have seen a lot of the other crawling tools do not fully render Javascript and as such might not see the changes that you have made to the website as being live.

2. If you view source on Google Chrome you will not see the changes, however inspecting element shows a rendered version of the page and all changes will be shown here.

3. We know from discussions and testing that these changes get picked up in Google, however, from our testing we cannot confidently confirm that these are picked up by Bing and the other search engines jusy yet.

Tags: