wordpress-to-hubspot-migration-1

Everything you need to know about migrating your website from WordPress to HubSpot.

This step-by-step visual guide will walk you through the process and help get your website all set up on HubSpot.

 

Download Now

    web-creation-series-mega-menu-2

    Everything you need to get started with HubSpot's CMS and build your CLEAN website.

    No developer is needed.  This complete 3-part series includes a step-by-step guide to high-fives all around the office.

     

    Download the Guides

       
      The CLEAN Theme

      Take full advantage of the new and improved HubSpot CMS experience with the CLEAN theme.

      Theme Support & Reference

      Have a question and looking for an answer? I've likely got a video for that or an article that covers it.

      Built for Speed, Performance, AND an awesome UX.

      Google PageSpeed Insights is the gold standard in analyzing the speed and performance of a website. Here is how CLEAN Pro ranks. Not too shabby for a media-rich page.

      page-speed-3-7-23

      Report generated: Tues, March 7, 2023, based on Home Page - Opt 1.

        3 min read

        3 Simple Steps to Ranking in Search for FAQ Content

        3 Simple Steps to Ranking in Search for FAQ Content

        Table of Contents

        Earlier this year, the wizards over at Google announced that they are now supporting FAQ and How-To structured data on Google Search and Google Assistant. That sounds pretty techie, right?  Let me explain and show you how the SEO Jedi, Neil Patel, is leveraging this...

        how-to-rank-for-faq-content

         

        In the example above, the website, description, and a few questions appear as one large block. This is giving priority weight to this page in search results. At the same time, it visually communicates greater authority and potential relevance to your search all equalling a higher chance someone will click through to your magnificent page.

        Table of Contents

         

        Ok, so how the heck do we pull this off in HubSpot?

        Before we start, there are a few key things to know so that all your hard work doesn't get rejected.

        1. Only use this technique if your if web page ACTUALLY does have a list of questions and answers. Duh.
        2. Your FAQ page MUST be written by you and NOT include a way for other people to submit answers.
        3. Do not use this for any type of advertising purposes.
        4. Make sure each question & answer includes the entire text.
        5. All FAQ content must be visible to the visitor on the web page.

        Now that we've got that out of the way, let's jump into the 3 steps.

         

        Step 1: Create Your Web Page with FAQ Content

        In HubSpot, create a new page or edit one of your existing pages where adding an FAQ section would make sense to someone visiting.  Typically, this will be awesome for any of your pillar pages.

        The FAQ content can be displayed in a variety of ways. Here are two that I recommend:

        The Two Column Q&A Approach

        Using the CLEAN 6 - Row - Multi-Column Content module will make your life super easy setting this up. Simply drag the custom module into your page.

         

        faq-schema-drag-drop

          

        Next, click on the module to bring up its customization options.  For this example we'll use two columns. One for the question and one for the answer. From the drop down, select two columns.

         

        faq-schema-column-select

        Now, let's select a column arrangement. I'd suggest the 5 | 7 arrangement so that the answer text has more space. 4 | 8 could work well too. I'll leave that up to you.

         

        faq-schema-column-arrangement

         

        All you have to do now is drop in your Q & A content so that it looks something like this.

        faq-schema-example-1

        Then just repeat the process for all the Q&A's that you have for the page.  Simple, right?

        The FAQ Accordion Approach

        Everyone loves a good accordion. You know, the questions that when you click there's text underneath that expands.  Using these are great for when you already have a lot of content on the page and you don't want to add even more and run the risk of "visitor content overwhelm."

        Using the CLEAN 6 - Row - Multi-Column Accordion will work perfectly for you.  Just like in the illustrated example above, you can easily drag-n-drop this module right into your page and select how many FAQ columns you'd like to show.  

        I'll spare you the image examples as they are basically the same as what's above.

        After you've selected the number of columns you want to show, all you need to do is click Add one.

        faq-accordion-example

        This will give you the ability to drop in a title (the question) and some content (the answer). 

         

        faq-accordion-add-text

        Rinse and repeat this process as many times as you like to build out as many Q&A accordions as you'd like to have on the page.

         

        Step 2: Create the FAQ code that Google Looks for

        Before you freak out and think "Wait, wait, wait Kevin!  I have to code something?!?!" I've got good news for you that is going to make this part SUPER easy. 

        The first thing you're going to want to do is pull your FAQ content into a document where its going to be easy to copy and paste from.  If this is an existing web page, that's totally cool too.

        Next, jump on over to this free Schema Markup Generator which makes this part much easier.

        At the top you'll see a drop down that asks what type of markup you'd like to create.

        Select FAQ Page from the drop down.

        Then start copy/pasting in your Q&A's

        faq-schema-generator

        Notice the little code that's being generated on the right hand side.  That's the magic sauce that we need for this to all work.  

        Once you've got all your questions and answer added in, click the little blue copy icon and you're ready to move to step 3.

         

        Step 3: Implementing the Generated FAQ Code

        Now that you have the code snippet copied to your clipboard, the third and final step will be a breeze. Head on back to the web page you added your FAQs too and click the Settings tab at the top.

        faq-settings-tab

        Scroll down a bit and toggle down the Advanced Options.  This will give you access to paste the code snippet you copied into the <head> of the page.

        Just like this.

        faq-schema-drop-in

        That's it! If you're ready to publish or update your web page, you're free to do so.

        All you have to do now is sit back and let the Google SEO spiders do their thing.

        If you got some value from this tutorial or have any questions, I'd love for you to drop me a comment below.

         

        The insanely easy way to get immediate HubSpot reports

        The insanely easy way to get immediate HubSpot reports

        Ready to start reporting in HubSpot? There's a lot to break down on this topic so before we dive in deep, let’s quickly walk through some basics and...

        Read More
        The easiest typography tip for effective SEO

        The easiest typography tip for effective SEO

        In a sea of SEO advice, it can be tricky to know which tips are worth trying. But you’re about to learn one little typography trick that you won’t...

        Read More
        What you need to know to create custom lifecycle properties in HubSpot

        What you need to know to create custom lifecycle properties in HubSpot

        As an inbound professional, you get how important it is to understand how your customers interact with your business. But how can you measure their...

        Read More