REQUEST A FREE 30 MINUTE MARKETING AUDIT

Call us now on 0161 7110 110

05 Sep 2016

What is the difference between HubSpot COS and a CMS?

Whats-The-Difference-Between-HubSpot-COS-And-CMS.jpg

When I first found out HubSpot were calling their new website management system COS, I thought they were mad...

It’s always jarred with me a bit, plus clients know what CMS stands for. There’s very few new clients we get nowadays that aren’t aware of let alone haven't been using a content management system, it seemed a bit absurd to me that HubSpot had gone for a different acronym for their system, an abbreviation for content optimisation system. They’ve moved away from using the term COS so much, the section in the editor is now referred to as website pages, as I think it was still confusing for people, but I think they were right not to just attach the CMS moniker to their website editor.

The reason being is COS, website pages, whatever you want to call it, wasn’t set out to be just a content management system. That change to optimisation was for me a key mantra for what HubSpot wanted, and hope you will, achieve from using their cloud editing solution.

I’ve worked with plenty of content management and marketing platforms over the years and we've been developing in HubSpot COS since its inception. I love Wordpress to bits and I’ve always hated having to do anything in Marketo, all these other platforms have spent a lot of time either trying to focus on covering specific elements of your marketing like landing pages and email, or having complete flexibility for global appeal, but not really steering you in any direction. COS is different.  And that’s what makes it so great.

Online marketing can be a tangle of disparate systems doing various different jobs at the same time. They're often not connected, trying to get them to work together to create a result can be mind boggling. Attempting to pull reports to try and tie together what’s working and what isn’t and adjust according can prove nigh on impossible, with best guess usually the final conclusion. The key thing we see time and time again is people’s main sites are just static pages, built donkeys ago with not an update in years. Sure the marketing team are off on their various tools trying to drive traffic to those pages but what’s the point? They’re old and tired, they’re losing rankings every day, and do they even serve a purpose?

Pages on your main site should be mines of useful information. They should be interesting and engaging and insightful. They should include social proof of your offering so people feel comfortable that buying your products or services is a good idea, a signed off idea by other similar parties. And ultimately, they should not be a dead end. How many times have you read a web page and you hit the bottom of the text only to find, oh, nothing. Where do I go from here?

The very UX basics of a page include letting the user what actions there are to take and giving them a reason to take them. Pages with no finish, no finale don’t help the visitor on their journey to solve a problem. They sure as heck don’t move them any closer to being a customer. But how do you know if your pages are optimised? How do you know if they’re actually going to do the job you need them to do? Now that’s where the COS system comes in to its own.

The HubSpot COS system works alongside the standard page performance system built into the HubSpot platform. Its job is to ensure you’re dotting all of your i’s and crossing all of your t’s. A website page, your pillar content or cornerstone pages have to have a focus keyword. You shouldn’t try and optimise for the same keyword across multiple pages, they’ll just end up battling with one another for rankings. You should of course be building lots of relevant content in your blogs that directs to those pages to help boost ranking and traffic for your target keyword. The great thing about having your site in COS compared to a standard CMS, is you always have the HubSpot system watching over your input. Have you included the keyword in the title? Have you included it in the H1? Do you even have a H1? Have you made sure your meta description isn’t too long? Are any of your links broken? Have all your images got alt tags?

There are systems you can deploy to monitor all these things offered up for free on various different sites, but none really that bring them all together on one platform. And its often so easy to overlook getting the basics right to ensure you start with properly optimised content to use as a platform for future SEO success. There’s literally no point in you going off and creating campaign after campaign of blogs and link building and emails if the core pages of your site aren’t setup correctly. It’s kind of like putting up a load of signs to a local ice cream shop, only when the customers (and the search robots, they like ice cream too you know…) get there all you’ve got is milk...

Sorry weird analogy, but you get the point. Bringing your core pages into your marketing platform is the key to success with your online marketing. Having a content optimisation system rather than just a standard content management systems means that you can be confident that all your other marketing efforts through HubSpot are worthwhile, they’re all building up a page created to the highest standard in the first place.

Request a free B2B inbound website consultation

This is an inline guide purely for the editor, it will not show in the final blog, designed to assist you with setting the options below in the 'Gate Trigger' section.

You will not be able to use the WYSIWYG editor for this it's code only so follow these instructions carefully.


Button
We cannot use a standard call to action to open the rest of the content, but we do want to track when someone clicks on the button to read the rest of the blog. Here's what the code should look like:
<a class="gate-trigger-button" href="#" id="What is the difference between HubSpot COS and a CMS? - Read the rest of the post" title="Read the rest of the post">Read the rest of the post</a>


Survey
Instead of using a button, you can ask people a what their intent of being on the blog is. Here's an example.
<h3 style="text-align:center;">Ready to read the post?</h3>
<p style="text-align:center;">Great, just let us know why you're here today</p>
<ul id="survey">
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Answer One</a></li>
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Answer Two</a></li>
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Answer Three</a></li>
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Answer Four</a></li>
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Answer Five</a></li>
<li><a href="#" id="What is the difference between HubSpot COS and a CMS?">Other</a></li>
</ul>

If you want to connect what the user selects in the survey with the call to action at the bottom, use the following:
<ul id="cta-list">
<li><a href="#">CTA One</a></li>
<li><a href="#">CTA Two</a></li>
<li><a href="#">CTA Three</a></li>
<li><a href="#">CTA Four</a></li>
<li><a href="#">CTA Five</a></li>
<li><a href="#">Default</a></li>
</ul>


Form
We need to add the same form for each blog, you can if you want to make your own form but you'll need to change the formId which will be in the URL for the form e.g. https://app.hubspot.com/forms/145288/ee2dd282-1afb-4040-b67a-6ea2fe6e32cc/edit:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: 'ee2dd282-1afb-4040-b67a-6ea2fe6e32cc',
css: '',
onFormSubmit: function($form) {
gateTriggerForm('What is the difference between HubSpot COS and a CMS?');
}
});
</script>


CTA Form
If people are clicking the CTA but then not filling in the form on the landing page they're being taken to, it may be worth loading the form on the same page to see if that helps the submission rate:
<div class="cta-form-image">
<a class="cta-form-image-button" href="#" id="CTA Click - What is the difference between HubSpot COS and a CMS?"><img alt="Title of the CTA" src="https://cdn2.hubspot.net/hubfs/145288/hub_generated/resized/21421668-c868-457c-8f68-142438f1e246.png" title="Title of the CTA"></a>
</div>
<div class="cta-form-inputs">
<a href="#" class="cta-form-inputs-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: '80edeb18-6298-4325-9d45-eb64c02b2d1c',
css: '',
onFormSubmit: function($form) {
gateTriggerCTAForm('What is the difference between HubSpot COS and a CMS?');
}
});
</script>
</div>

This is the rest of the blog

When the page loads, or when it is being edited, this content will appear. When the page is loaded on the blog, the content will be hidden by the script until such times the trigger button is clicked or the trigger form is completed.

If you're not using this section then you should delete the text in here.

Topics: Hubspot

Blog Comments