Azon Master Class By Ryan Stevenson https://ryanstevensonplugins.com/ Guidebook #7 Site Construction 2/3
Table of Contents 1. Creation of Site Pages 2. Category Pages Creation 3. Home Page Creation
Creation of Site Pages Once you have your writing complete for your website, you can begin to assemble it. This is easiest to do working backwards, starting with the secondary or supporting content pages of your site (informational and product pages). These pages are needed to be able to produce links for other pages on the site, which is why it is easier to work backwards when assembling the site as well as when writing content. You won't be doing much with these pages for right now just add the pages onto the site, set the page title and URL, and then publish it. First go to Pages Add New. Now paste in the content for your page title and the main page text. Shorten the URL to make it something friendly for visitors and search engines. Remove repetitive words, especially if they already occur in your domain name. You can choose to add some style to these pages now or come back later to do it things such as adding images, HTML lists or making some text bold.
Category Pages Creation Now I am going to proceed with creating my category pages. These will basically act just like the home page of the site and link up to other pages, except they are going to be more specialized. If you remember from previous classes, I mentioned that I don't actually use the WordPress Category and Post system. I create WordPress pages, just like I did for the home page. Since these pages will be created in a very similar manner to the home page, I won't go through every single detail about them. After the live class for this session, you can actually visit the home page of DownComforterGuide.com to see these pages in complete detail. Depending on how you have decided to organize your site, it may make sense to build your category pages in a particular way. They could be done just like the home page, but they could also be done somewhat differently. To show you at least one other possible way you can change up the way you present other pages on your site, I have decided to make my category pages a bit different from the home page. Now I am going to create my first category page: Buying Guide. This page will have five other pages that it links to all of which are buying guide related topics. This gets created just like the home page. Go to Pages Add New. Then provide a title and the page content. For this page, I am going to title it: The Essential Down Comforter Buying Guide Take a look at the URL that was automatically generated for this page: This URL uses 4 of the 6 words from my title. I could simply leave it like it is, or I could change it. How do I decide which? If I change it, what do I change it to? Think about all of your planned page titles and imagine them getting transformed in URL form like this. Do you foresee many of the pages containing the same word(s) in the URL? If the answer is yes, then I recommend trying to strip those words out of the URL in many situations. This is even more true if those words are part of the primary keyword phrase for your entire site. You simply don't want to get into keyword spam territory, and page URLs is another area where this can easily happen. For my site, down and comforter / comforters will be very common words (and are also part of my primary keyword phrase), so I want to strip these out from many of my pages.
For this page, I am simply going to change the URL to buying-guide. When you think about it, this really makes perfect sense. It is simple, and it is really the base keyword phrase that I am trying to target (minus the main part of my primary keyword phrase, which is implied on my site down comforter). As a result, this page should have decent potential to rank for the phrase down comforter buying guide. Now on to the actual content of the page. I start with a summary, just like I did with the home page. I then follow it up with a heading and a decent description for each of the pages that I will link to from this category page. I've shown the entire content from this category page below:
The rest of this category page should be set up and published just like the home page, with one exception the Weaver II options. This time around, we want to show the page title, so don't check that box, but still check the box to hide the info bar. Also, do not select any Sidebar Layout this time because we want to use the standard sidebar on the right-hand side of the public website.
I will now proceed with creating the two additional category pages for the site: Consumer Concerns and Brands. These will be done in the exact same manner as the Buying Guide category page, so I will not get repetitive and show that here. However, I will be going over this briefly in the live class, and the content from these pages can always be viewed on the live site after that class.
Home Page Creation To start creating the home page of your site, click on Add New in the Pages menu: Next, provide a title for your page at the top of the page editor. For my home page, I usually just title it after my primary keyword phrase. After you enter the title, a URL will automatically be designated for the page based on your title (highlighted in yellow below): Notice how it used the words comforter and guide in the URL but not down. WordPress is actually recognizing down as a stop word, so it doesn't use it in the URL. A stop word is a word that typically does not have any specific meaning in a sentence. Down used as a directional indicator would be a stop word but this usage of down is not. If this was a normal page on my site, I might want to manually edit this URL to add the word down back on the beginning of it (be sure to split words with hyphens if you edit the URL). However, since this is going to be the home page of my site, I don't need to worry about the URL. Next, I simply need to add the content of my page into the large editor window below the title. For this tutorial, I have obviously had to go ahead and write my content ahead of time. Instead of writing it in the live class, I can actually talk to you about it here to explain it in more detail. At least for the home page of the site, I wanted to actually show you the content here so I can explain why I did what I did. To start, I have a brief introduction:
Note the use of a number of relational words and then the use of my primary keyword phrase, down comforter guide, in the second paragraph. I try to include my target phrase in the first two paragraphs. This content is just meant as a brief introduction for the site visitors and also to satisfy search engines a bit. Next, I want to introduce the main category pages of the site and possibly sub-category pages too. For this tutorial, I have three main category pages and have listed five of their sub-pages. You don't have to list the sub-pages here, especially if you have a lot of them. However, it can be good to provide some easy navigation to the important pages of your site on the home page on way or another. I will actually be creating some custom HTML to use here to draw attention to this portion of my page, but for now, I just need to worry about getting the text in place that I want to use. Next, I continue with more content. For now, this will just be basic text, but that will change as this page progresses. The content that you use here could really be anything, as long as it is highly relational to your target keyword phrase and niche. Since down and specifically down comforters are my main topics on this site, I want to talk about them more. This gives me a chance to provide the user with some useful information so they can quickly identify this as a useful website, and it also allows me to earn some brownie points with search engines.
To start, I talked about the down filler of these comforters, especially since this isn't really a main topic of any of the pages of my site. Next, I provide a bit of information that gets more specific towards the products I am targeting. This is very helpful information for consumers and geared towards earning their trust. Most industries have something about them that companies will often try to use to confuse or possibly deceive consumers, so this makes a great opportunity to bust through that confusion and gain the trust of your site visitors in the process. All of this additional content is a bit boring for now, but this is something I can change as the site progresses. It is really easy to simply go back through the site to add images, style text in various areas, or make other changes to the content to break up the large paragraphs of text. In general, you want to avoid large paragraphs no more than a couple of lines of text all together. This helps with readability of your content, which is a lot more important than you might think.
I can highlight portions of text in my content and use the WordPress toolbar buttons at the top of the editor to easily add some basic styling to my text. For example, if I highlight What is Down? and click on the b button in the toolbar, it will wrap that text in HTML strong tags (which will cause the text to show in bold text). I am also going to do the same for other text at the bottom of the page: Product Labeling, 100% Down, Goose Down, and Down. This is what that part of the content looks like after I am done: The three down phrases that I changed at the bottom aren't really sentences they're content that I wrote to be used in an HTML list. This can be easily done with WordPress buttons in the editor toolbar. First, I want to select all of my list content: Next, I want to click on the ul button in the editor toolbar: This wraps my highlighted text in ul HTML tags, which designates this as a list. Now I need to select each row in the list to designate it as a list item. You can see the first row selected below:
Now if I click on the li button, it will wrap li HTML tabs around the highlighted text. Continue to do this for each row (the last row of the list actually occupies three lines of text). Here is what this content looks like after I am done: Notice the three <li> tags at the beginning of each row in the list. I now want to add some custom CSS code to two of these three tags (the first two). At the end of the top two opening li tags (right before the closing greater than symbol), I want to add a blank space and then this HTML/CSS code: style= margin-bottom:6px; This is how my code looks now: Here is what that looks like on the live site:
As you can see, this is much clearer, easier to understand and more visually appealing than it would have been if I just wrote another paragraph here. SEO Settings Below the page editor window, you'll find the SEO Settings box. For now, I am going to go ahead and set a description for my home page. This description can potentially be used by search engines to show up in their search results, so we want this to quickly summarize the site in an appealing way that will help to increase the click through rate on our search result (which can also help to improve your rankings over time because Google considers results that get clicked on more often to be more relevant). Here is what I have come up with for my home page meta description: Read through that description a few times and really think about it for a minute. Can you see what I am doing here? I'm accomplishing a few goals with this short bit of text: 1. I'm screening my potential leads immediately to target the right people browsing through the search results. I want visitors on my site that are considering buying down comforters, especially those that might have some questions or concerns before they purchase. 2. I'm already trying to build trust with my potential site visitor. A site that just exists for sales wouldn't blatantly invite you in to talk about consumer complaints, so the entire second sentence is also designed towards gaining their trust and changing their preconceived notions
about your site before they even visit your site. 3. I'm offering up some keywords that are either the same or highly relational to my target phrase. Down, comforters, and guide can all be found in that description (but not necessarily all together). This makes the keyword placement much more natural and keeps the focus on the message you really want to get across with your description. Weaver Options Below the SEO Settings, you will find the Weaver II Options. Here I want to select the checkboxes for Hide Page Title and Hide Info Bar. I also want to select the No sidebars options from the dropdown for Select Sidebar Layout. The picture below shows what these settings look like when I am done: Set Home Page I have more to do on this page, but for now, I am going to go ahead and publish it (blue button in the upper-right corner of the page editor). I will be revisiting this page to do more work later in this class and again before site construction is complete. The last thing that I need to do before I proceed is to actually set this page as the home page for my site. First, click on Reading in the Settings admin menu:
At the top of the Reading Settings page, you'll see a setting called Front page displays. On the right, you'll see two circles, with the top one selected. Click on the second circle (A static page) to select it and deselect the first. Now the drop-down boxes below the second circle are available to be used. The first drop-down box, for Front page, is the one you want. Just select the page you created. This designates the custom page we created as the home page of the site instead of using the standard blog-style listing of recent posts on the site.
Next Azon Master Class In the next Azon Master Class, we will complete the site construction training by adding custom designs to our site and linking content together after that, the site will just need advertising to be complete.