Do you remember the post I did on Changing The Headers On Your WordPress Pages? I was thinking the other day about how cool it would be to have different category headers for my blogs. Well, now that I’ve updated to FlexSqueeze2 I’m able to change the headers on my categories as well! How cool is that?  :drunk_tb:

Why Change Your Category Header?

Why changer your category headers? I’m so glad you asked.  :tongue_laugh_ee:  To me the most important reason for changing the image of your category headers is it shows your readers right from the start what each category is all about. They don’t say a picture is worth a thousand words for nothing you know.

Category header Victoria-Sports-Jokes-mobile

Then there is also the added SEO benefit. You get this by giving your header the appropriate SEO related (by using your keywords) name. Another reason I like is it makes my blog stand out from the rest by being different.

Apparently there is a plugin that does this but my blogs are already plugin top-heavy.

Anyway I’ve produced a video that shows just how easy it is to have different category headers. Just follow the easy steps listed below.

Steps To Having Different Category Headers

  1. First you have to design your header. I used The Logo Creator to make mine. It’s best to keep to the same dimensions as your original header.
  2. Next you upload it to you images directory.
  3. Then you go to the category section of your WordPress blog, (found in posts / categories) and click the edit button of the category that you want to have a new category header. When there look in the url for the ‘ID’ number and copy it down.
  4. Next go to your FlexSqueeze options and click on Custom CSS Settings. Once there you paste the following code.

    .category-29 #header {background-image: url(http://ezesportsbetting.com/images/Victoria-Sports-Jokes.PNG);}

    Note the ID in red and the url to your image in blue!

  5.  Next we paste the following code to remove the blogs title and tag line.

    .category-29 #titlelogo {display:none}

Once again note the category id in red.

I’ve also changed the category header on my Hot Sports Babes category. In time I hope to change all the category headers.

How To Change The Category Headers Of A WordPress Blog

That’s pretty well it. Once that is done you simply clear any cache plugin and you’re good to go.

Stay tuned for some of the other unique features being enjoyed by all FlexSqueeze2 owners.

Digiprove sealCopyright secured by Digiprove © 2015

How To Fix Rich Snippets

Ever since Google introduced its rich snippets, webmaster and bloggers alike have been tearing their hair out trying to make their sites compliant. I know, because I’ve seen how many people are Googling rich snippets, hoping that Google can solve the problem that they started in the first place. Unfortunately it seems a lot of them aren’t finding a solution to their problem.

At least this post will fix rich snippets for Flexsqueeze owners. So why all the fuss?

According to Google….

 

Adding structured data to pages on your site helps Google’s algorithms understand their content and index them better. The structured data gathered from your site can be used to improve the page’s search entry, for example, to generate rich snippets, which provide an improved page summary in our search results. There are several ways that you can add structured data to your web pages: by adding markup to your pages, using Data Highlighter, or using Google’s Merchant Center.

Even though Google tries to help us by giving examples, because of all the different themes and platforms out there these examples just seem to drive us batty. Why is it working for everyone else and not for us?

I’ve never worried about it until I started my Sports Betting blog. I want that blog to do really well and that means, as much as it pains me, I have to do all I can to please Google. That meant getting the ‘rich snippets’ to appear correctly on all my pages. It was simple enough to get the ‘authorship’ part to work so that my image appears in the search engines.

rich snippets

All I had to do for that was to add the following code….

<a rel=”author” href=”https://plus.google.com/105130553592815175528″>About Peter Pelliccia</a>

…. into the ‘footer script’ part of Flexsqueeze theme options found in the Analytics/Javascript/Favicon menu.

The problem was, even though everything else was working fine I was getting the following errors. 

Error: Missing required field “entry-title”.

Error: Missing required field “updated”.

Error: Missing required hCard “author”.

It took me ages to fix them all but now that I have I want to share it with all the other Flexsqueeze owners who may be having problems with their rich snippets.

How To Fix Rich Snippets On Flexsqueeze

In the WordPress Dashboard go to Appearance and then click on editor at the bottom of the selection. The first file we want to edit is the Single Post (single.php). Find the following bit of code….

<h1><?php the_title(); ?></h1>
				<?php if (get_option('flex_metadata_show') == "yes") { ?>
				<div class="postMeta">
					<div class="postdate">
						<?php the_time('l, F jS, Y') ?>
						at
						<?php the_time() ?>
						&nbsp;
						<?php edit_post_link('Edit'); ?>
					</div>

 

We need to change that to;

<h1 class="title single-title entry-title"><?php the_title(); ?></h1>
				<?php if (get_option('flex_metadata_show') == "yes") { ?>
				<div class="postMeta">
					<div class="postdate date updated">
						<?php the_time('l, F jS, Y') ?>
						at
						<?php the_time() ?>
 by
<span class="vcard author"><span class="fn"><?php the_author(); ?></span></span>
						&nbsp;
						<?php edit_post_link('Edit'); ?>
					</div>

We will also need resolve this issue in the by fixing the Archives (archive.php).We need to change the following code. 

<h2><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
				<div class="postMeta">
        <?php if (get_option('flex_metadata_show') == "yes") { ?>
          <div class="postdate">
            <?php the_time('l, F jS, Y') ?>
            at
            <?php the_time() ?>
            &nbsp;
            <?php edit_post_link('Edit'); ?>
          </div>

so it looks like the following.

<h2><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark" class="title single-title entry-title"><?php the_title(); ?></a></h2>
				<div class="postMeta">
        <?php if (get_option('flex_metadata_show') == "yes") { ?>
          <div class="postdate date updated">
            <?php the_time('l, F jS, Y') ?>
            at
            <?php the_time() ?>
 by
<span class="vcard author"><span class="fn"><?php the_author(); ?></span></span>
            &nbsp;
            <?php edit_post_link('Edit'); ?>
          </div> 

Finally we have to change the code that’s found in the Main Index Template (index.php)

<h2><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
        
        <div class="postMeta">
        <?php if (get_option('flex_metadata_show') == "yes") { ?>
          <div class="postdate">
            <?php the_time('l, F jS, Y') ?>
            at
            <?php the_time() ?>
            &nbsp;
            <?php edit_post_link('Edit'); ?>
          </div>

We need to adjust that bit of code so that it looks like this.

<h2><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark" class="title single-title entry-title"><?php the_title(); ?></a></h2>
        <div class="postMeta">
        <?php if (get_option('flex_metadata_show') == "yes") { ?>
          <div class="postdate date updated">
            <?php the_time('l, F jS, Y') ?>
            at
            <?php the_time() ?>
 by
<span class="vcard author"><span class="fn"><?php the_author(); ?></span></span>
            &nbsp;
            <?php edit_post_link('Edit'); ?>
          </div>

 

I’ve actually produced a video which you can see below. This video shows step by step how to edit each file so that you also can become rich snippet compliant. It’s also kind of nice to see your photo in the search engines. Naturally all of this will be in vain unless you have a Google + profile. The following link will show you what Google requires from you.

WordPress Tutorial How To Fix Rich Snippets

I hope this post helped you and if it did don’t forget to share with your mates.

Digiprove sealCopyright secured by Digiprove © 2014

How To Optimize Your WordPress Blog

web page speed

I promised you in the last post that I would tell you how to optimize your blog so that you can increase it’s speed and at the same time keep Google happy. Before optimising this blog and moving it to {inmotion hosting}, it used to take over 12 seconda for the page to fully load. Now it takes around 3 seconds. You have to admit that is a pretty big difference. This post will be the first of a series of posts that wil explain how it did it. The first step was to resolve the issues suppled by Google’s Page Speed Insight. The initial scan of this blog showed that as far as Google was concerned I had some high priority issues to resolve.

High priority.These suggestions represent the largest potential performance wins for the least development effort. You should address these items first: Serve scaled images, Leverage browser caching, Enable compression, Optimize images

For the purpose of this post I will show you how to resolve these issues starting off with serving scaled images. Read the rest of this entry

Digiprove sealCopyright secured by Digiprove © 2012
About Peter Pelliccia"