{"id":243819,"date":"2020-01-05T23:00:58","date_gmt":"2020-01-06T07:00:58","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=243819"},"modified":"2020-01-05T23:02:39","modified_gmt":"2020-01-06T07:02:39","slug":"create-a-how-to-page-with-beaver-builder","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/create-a-how-to-page-with-beaver-builder\/","title":{"rendered":"How to Create a “How-To” Page with Beaver Builder?"},"content":{"rendered":"
If you are an SEO expert, you must come across the term Schema Markup<\/strong>. It is one of the strongest and latest evolution in SEO.<\/p>\n Back in 2018, Google announced a new structured data type How-To,<\/strong> for validating and marking How-to<\/strong> content on websites. To leverage this data type, PowerPack team came up with an innovative How-To markup module<\/a> that allows you to add \u201cHowTo<\/strong>\u201d structured data to your website content and helps you to rank in Google search results.<\/span><\/p>\n Also Check: How to Create an FAQ Page with Beaver Builder?<\/a><\/p><\/blockquote>\n How-to page of any website consists of set instructions to perform a specific task. Let’s say you own a cookery website where you frequently share recipes of different cuisines. You can easily share a recipe of those products in a step-by-step method using PowerPack How-To Schema Markup Module and can easily mark your online presence in Google search results.<\/p>\n So, to rank in google search results and to mark your website presence in Google’s Featured Snippets, you can use the PowerPack How-To Schema Markup Module<\/strong><\/a>. This module helps you to mark up your website content that comes in a how-to<\/strong> form. It allows bots to understand your website content more efficiently and make it easier for them to publish more relevant content to searchers. Ultimately, a better ranking in the search results.<\/p>\n PowerPack How-To module<\/a> comes with a schema markup integration that allows you to define your content in HowTo Structured Data format defined by Google.<\/p>\n Let’s see how you can create an SEO optimized “How-To” Page with Beaver Builder and PowerPack.<\/p>\n <\/p>\n Login to your WP admin dashboard<\/strong> > Pages<\/strong> > Add New<\/strong>. Give a title to the page & click the blue Launch Beaver Builder. Once you are in the editor, drag and drop the How To Module<\/strong><\/a> by PowerPack on the page.<\/p>\n General tab has three subsections: General<\/strong>, Advanced Options<\/strong> and Steps<\/strong>, these subsections allows you to define the following information in a structured format:<\/p>\n Let’s see one by one how you can use these options to create a useful How-To page<\/strong> for your website.<\/p>\n Title<\/strong>: As the name suggests, here you need to define a proper title of your How-To page. This is one of the essential options of the page as it presents an overview of the How-to page and giving visitors an idea about the page.<\/p>\n Summary: <\/strong>Here, you can give a brief info about the content that has to be displayed on the How-To page.<\/p>\n Image<\/strong>: Select a suitable featured image and make sure it perfectly represents the content of the page.<\/p>\n Before adding any image first make sure:<\/p>\n <\/p>\n <\/p>\n Advanced Options: <\/strong>Enable Show Advanced Options <\/strong>button to showcase the advanced content such as Tools<\/strong>, Requirements<\/strong>, Cost<\/strong> & Time Duration<\/strong>.<\/p>\n <\/p>\n Steps:<\/strong> With How-To module,<\/strong> you can define a proper step by step instructions to accomplish a specific task. Also, it allows you to add images related to the respective task individually for each step.<\/p>\n Defining this helps Google bots to crawl your website content better & provide a piece of proper step by step information to searchers on how to accomplish a specific task.<\/p>\n <\/p>\n <\/p>\n In the style tab, you have plenty of options to customize the content of the How-To page. Here you can completely modify the table, Title, Description, Image, Advanced Options, and Steps content as per your choice.<\/p>\n It gives you the flexibility to add a border, radius, padding, etc.<\/p>\n Also, you can customize each text content as per your choice. In steps subsection, you have the flexibility to choose two different colors for both Title and Title Description content.<\/p>\n We’ll look more styling options for text content in our next tab: Typography Tab.<\/strong><\/p>\n <\/p>\n From this tab, you can modify and style the text content of the How-to page.<\/p>\n From choosing the appropriate font to giving styling and spacing for text content, we have got all your customizations needs covered.<\/p>\n The typography tab has mainly three options: Font<\/strong>, Style <\/strong>and Spacing<\/strong>, Text Shadow <\/strong>for each sub-sections. Using these, you can easily style and customize text content of your How-To page and makes it look more impressive.<\/p>\n After making all customizations done, this is how your How-To page<\/strong> looks like:<\/p>\n <\/p>\n Once you set the How-to page with all the content, you can check it with the Structured Data Testing Tool.<\/p>\n For testing, please copy the link the page & paste it into the Structured Data Testing Tool page<\/strong><\/a>. Now click on the \u201cRun Test\u201d button.<\/p>\n This tool tests the markup of your faq page & display the results or errors just like the below screenshot:<\/p>\n <\/p>\n After you have successfully created & published the How-to page on your website, you can check whether or not your How-To page supports rich results. For this, you can use, Google Rich Results Tool<\/a>.<\/p>\n <\/p>\n <\/p>\n How-to schema markup module of PowerPack allows you to add you add \u201cHowTo\u201d structured data to your content on your Beaver Builder websites.<\/p>\n Create Google Structure Data How-to pages & improve your search engine rankings.<\/p>\nWhat is a How-to page?<\/h2>\n
\nHow to create a How-To Page with Schema Markup using Beaver Builder?<\/h2>\n
Step 1: Create a New Page & Add PowerPack How-To Module<\/strong><\/h3>\n
\nStep 2: Customizations in the General tab<\/strong><\/h3>\n
\n
\n
\nStep 3: Customizations in Style Tab<\/h3>\n
\nStep 4: Customizations in Typography Tab<\/h3>\n
\nStep 5: Publish the Page<\/h3>\n
\nTesting the Page for Structured Data<\/h3>\n
\nDoes your page support rich results?<\/h3>\n
\nOver to you!<\/h3>\n