© Todd Kelsey 2017
Todd KelseyIntroduction to Search Engine Optimizationhttps://doi.org/10.1007/978-1-4842-2851-7_5

5. Try SEO

Todd Kelsey1 
(1)
Wheaton, Illinois, USA
 

In order to get some practice with SEO principles, this chapter uses a few simple, live examples, starting with Blogger and moving on to Google Sites. If you haven’t already, read Chapter 2 first. You’ll learn more from this chapter if you create a blog at blogger.com and a super simple web site at http://sites.google.com .

For the content of your blog post, I recommend writing a simple blog post that contains 2-3 paragraphs and an image, on any topic you’ve learned about so far. You can then use that blog post as an example for these activities.

If you want, you can copy the information from my example blog at http://toddsmarketingblog.blogspot.com .

Simple SEO: Blog Post

As you learn more about SEO, you’ll start to think of things you can do when you work on a site for the first time, such as:
  • Determine if it is configured for search

  • Adjust the meta description for the site

  • Adjust the meta description for individual pages/posts

Additional things you can try include:
  • Integrate keywords into blog post title

  • Integrate keywords into blog post text

  • Integrate keyword(s) into alt text for images

These latter options include going beyond “natural” content writing and thinking about how you can “insert” keywords. There’s nothing necessarily wrong with that approach, just don’t go too far. In many cases, you might not even need to change the title of a page or an article, because if it is named after the topic it covers, chances are it has a relevant keyword in the title already.

Note

You’re welcome to access and copy the text from my blog posts ( http://toddsmarketingblog.blogspot.com/ ) for practice if you like.

Next we look at an example of how to enter the overall meta description into Blogger.

Blogger Overall Meta Description

Log into Blogger, scroll down in settings, and choose Search Preferences.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figa_HTML.jpg
Over on the right (and anywhere else you see question marks in any Google product), click the question mark.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figb_HTML.jpg
There’s often helpful information, and sometimes links to more:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figc_HTML.jpg
Configuring the meta description in Blogger is usually a one-time thing. Click Edit.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figd_HTML.jpg
Click Yes.
../images/448386_1_En_5_Chapter/448386_1_En_5_Fige_HTML.jpg
Then type a description. Notice the 150 character limit.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figf_HTML.jpg
Something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figg_HTML.jpg

For grins, you might use this tool (and file it away) to determine how many characters you are typing in:

https://charcounter.com/en/

Then click Save Changes:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figh_HTML.jpg
In theory, the description you chose will eventually appear in the Google search results.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figi_HTML.jpg

Post-Level Description

What we just did was for the overall site, but what about individual posts or pages? That’s worth looking at too. In that case, we can go into Blogger and edit an individual post.

On the right, in Post Settings, click Search Description:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figj_HTML.jpg
Enter something that describes the post and click Done:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figk_HTML.jpg
At the top, don’t forget to click Update:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figl_HTML.jpg

Site-Level SEO: Google Sites

Depending on what platform you use, adjusting HTML tags for SEO may be very easy, or it might require some technical assistance or research. In this chapter, we’re looking at very simple examples, and there are limitations to the platforms, but you can get the basic idea.

Google Sites is not that different from Blogger, but it’s designed more around creating a conventional web site with informational sections, as opposed to a diary or journal format (i.e., a blog.) The difference blurs, but it’s good to see how things might be different using a different system, and as you’ll see, you should always be prepared for the unexpected. (Hold on to your hats!)

We’re going to adjust the title tags on Google Sites (by setting page titles). If you haven’t yet create a Google site, please do so, at http://sites.google.com .

Note

In this chapter we use the New Sites option. Depending on when you read this, you may have an option for Classic or New Sites, or only be able to choose the new approach.

../images/448386_1_En_5_Chapter/448386_1_En_5_Figm_HTML.jpg
You’ll end up with an interface that looks something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Fign_HTML.jpg
Click on Untitled Site and replace it with something like “Pet Store”:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figo_HTML.jpg
Click Publish:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figp_HTML.jpg
This is where you choose the web address. You don’t need to do this every time. You’ll have to experiment until you find something that isn’t taken.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figq_HTML.jpg
You can include numbers, use your name and so on, and when you find something available, a little checkmark will appear.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figr_HTML.jpg
Next, click the Publish button and then the View link that appears at the bottom:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figs_HTML.jpg
Your quickie-doo site should look something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figt_HTML.jpg
Next, on the right (back in the editor, maybe under the original browser tab), click on Pages:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figu_HTML.jpg
You should see something like this, where you can add pages.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figv_HTML.jpg
Try adding some new pages. Your chosen title should be reflected in the <title> HTML tag. If your planning process included SEO when you were creating a new page or new web site, you may have thought about what to name the pages, such as Dogs or Dogs for Sale. (People are more likely to type in “dogs for sale” than just “dogs” if they are looking to buy a dog).
../images/448386_1_En_5_Chapter/448386_1_En_5_Figw_HTML.jpg
../images/448386_1_En_5_Chapter/448386_1_En_5_Figx_HTML.jpg

Activity: Site Title Optimization

In this section, we’re going to try something, but it might not work. With some systems you might not be able to update the <title> HTML tag when you rename a page. Say you created a page called “Dogs” but you want to update it to “Dogs for Sale”. You might be able to rename the page without having to edit the HTML. It’s worth trying.

Scenario: Imagine you are providing a specific product or service and thinking about how the titles of the pages about the products or services can include keywords. For example, try t-shirts or a pet store.

Try making 1-3 pages based on your chosen product/service/keyword. For example, create a home page, a page about cats, and a page about dogs.

Now, when you try publishing it, view the site.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figy_HTML.jpg
Select the desired page:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figz_HTML.jpg
Then view the code. In Windows, right-click and on the Mac, Ctrl+click. Then choose View Source (or View Page Source):
../images/448386_1_En_5_Chapter/448386_1_En_5_Figaa_HTML.jpg
Then press Ctrl+F to activate the “Find Text on Page” function. Scroll down until you see something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figab_HTML.jpg
Oh no! It’s HTML code!
../images/448386_1_En_5_Chapter/448386_1_En_5_Figac_HTML.jpg

Don’t be alarmed!

Take a closer look for something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figad_HTML.jpg

What you see is that the title of the page is reflected in the HTML code. Sometimes it makes sense to emphasize keywords in the page titles. Sometimes it makes sense to learn about the 200 other or so SEO ranking factors.

Oh no! 200 ranking factors!

The good news is that you don’t need to learn all of these factors. Remember how content is 90% of the battle? Don’t worry about these keywords so much. Instead, start looking at industry resources like www.searchenginenews.com and www.moz.com to keep an eye out for important changes to the way Google crawls for keywords.

Because sometimes things change.

Okay, back to the dogs.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figae_HTML.jpg
I could use my web platform to change the title of a page:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figaf_HTML.jpg
And then publish and view the page:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figag_HTML.jpg
I might even expect that when I view the source code:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figah_HTML.jpg

The <title> HTML tag will be updated, right?

Well, let’s take a look and see.

For you, it might work. At the time of this writing, Google Sites, both New and Classic, do not appear to update the <title> tags when you change the page title. Doh! Google may update this feature by the time you read this, or they may have a great reason for not including that feature. (Although I can’t think of one).

The moral of the story is, you’ve been getting a free ride in this book, in terms of the simplicity of the platforms, but at some point you might need to dig a bit into technical things, and I recommend learning more about HTML. (See www.casamarketing.org , look for content and SEO, and then look for SEO and HTML).

Activity: Learn HTML the Easy Way

Here’s a little bonus—a secret way to learn some HTML.

If you go back into Blogger and open a post, you can do something like type in a word, like the word “bold,” for example.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figai_HTML.jpg
If you published the post, Blogger would use HTML code to make your page look something like this:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figaj_HTML.jpg
If you are hardcore, you can use your Jedi powers to look at the HTML and find an occurrence of “bold” like this one, with no tags around it.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figak_HTML.jpg
To view the HTML, you can edit your post and click on the HTML tab:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figal_HTML.jpg
Okay, I don’t see any code here, but that’s because it’s just plain text.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figam_HTML.jpg
Back into compose:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figan_HTML.jpg
Now select the text and click B to make it bold:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figao_HTML.jpg
Click on the HTML tab again:
../images/448386_1_En_5_Chapter/448386_1_En_5_Figap_HTML.jpg
What’s that? I see some little tags. It’s the <b> tag, which codes for bold. There’s also an ending tag, </b>, which tells the browser to stop applying bold to the word or phrase.
../images/448386_1_En_5_Chapter/448386_1_En_5_Figaq_HTML.jpg

So what you can do, using this “secret” way to learn HTML, is go back and forth between Compose and HTML and try different things, like formatting the text, adding a link, making the text centered, larger, smaller, a different color. Try inserting images other kinds of things. Each time you make a small change, switch over to the HTML tab to see what’s going on. It’s probably more fun than reading the articles I suggested earlier. Go ahead and do this fun part first, and experience the power of the secret way to learn HTML.

For Further Review

It’s important in this industry to always keep researching and keep up with the times!

Conclusion

Okay, you deserve a break now. Congratulations on wading through some basic SEO optimization, as well as getting your feet wet with HTML. Don’t be intimidated—just start small and learn a little bit here and there. Before you know it, your confidence and skills will grow.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.225.55.170