There are a couple of different approaches to take.  My personal fave is the "noindex,follow" on tag & category pages.  Having said that, I've heard of some people who have great category rankings.  That may depend on just how much duplication you have going on between the category/summary page and the actual blog post pages.

The Yoast SEO and All in One SEO plugs are great for WP by the way.

It will be my first one too... should be great

Gabriel-

It's no problem for these codes to appear in other sections of the page.  There are many character sets out there, and what may appear great to you (without codes) looks like gibberish to someone else.  The codes help make for a uniform experience for everyone.  For instance, there are no "smart quote" keys on your keyboard, yet some programs (like Word) will automatically insert these for you.  To have these on a web page most systems will convert these to codes for you.  The ampersand, however, falls into this category since it's often an escape character for other characters.

So, the place we're still really most concerned about is the meta title.  I'm not sure why the mb_convert_encoding() function didn't work for you?

If you'd like me to take a closer look feel free to message me.  This is solvable - I've done it before on WP sites.

Gabriel-

Do you have some sort of site caching turned on?

Gabriel, I think we're close here... give this a try:

<title></p> <p><?php wp_title('«', true, 'right'); ?></p> <p><?php echo mb_convert_encoding(get_bloginfo('name', 'display'), 'UTF-8', 'HTML-ENTITIES'); ?></p> <p></title>

Look in your header.php file.  Here's what the <title>tag code might look like.  Again, you may need to wrap the mb function around more than one piece.  This should get you started.</p> <blockquote style="color: #5e5e5e; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #f7f7f7; padding-top: 5px; margin-left: 0px; padding-left: 2px; padding-bottom: 5px; white-space: nowrap; overflow-y: auto; font-family: monospace; background-position: initial initial; background-repeat: initial initial;"> <p><span style="color: #5e5e5e;"><title><?php</span></p> <p><span style="color: #5e5e5e;"> </span><span style="color: #5e5e5e;">/*</span><span style="color: #5e5e5e;"><span> </span>Print the <title> tag based on what is being viewed.</span><span style="color: #5e5e5e;"><span> </span> */</span></p> <p><span style="color: #5e5e5e;"> </span><span style="color: #5e5e5e;">global $page, $paged;</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">wp_title( '|', true, 'right' );</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">// Add the blog name.</span><span style="color: #5e5e5e;"><span> </span>bloginfo( 'name' );</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">// Add the blog description for the home/front page.</span></p> <p><span style="color: #5e5e5e;">$site_description = mb_convert_encoding(get_bloginfo( 'description', 'display' ), 'UTF-8', 'HTML-ENTITIES');</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">if ( $site_description && ( is_home() || is_front_page() ) )</span></p> <p><span style="color: #5e5e5e;"><span style="white-space: pre;"> </span>echo " | $site_description";</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">// Add a page number if necessary:</span></p> <p><span style="color: #5e5e5e;">if ( $paged >= 2 || $page >= 2 )</span></p> <p><span style="color: #5e5e5e;"><span style="white-space: pre;"> </span>echo ' | ' . sprintf( __( 'Page %s', 'oldheidelbergdeli' ), max( $paged, $page ) );</span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span></span></p> <p><span style="color: #5e5e5e;">?></title>

This worked for me....

$site_description = mb_convert_encoding(get_bloginfo( 'description', 'display' ), 'UTF-8', 'HTML-ENTITIES');

The text is getting encoding in the second half of your meta tag, so if you convert the encoding you should be able to get around this.  You may need to apply this to several sections of that depending on what's going on... check the tag out on several pages.

Let me know how it works out.

Ahh, you are right about the first ampersand.  You should probably take a look at the wp_title() function and see if it's doing any html_special_chars filtering.  Again, if nothing else seems to work, you could change up the "and" remove the possessive on Vancouver.

Hey Gabriel-

Quick and dirty... you could change the meta title to Function 5 - Metro Vancouver IT and Web Experts.

Have you tried putting the full & in the meta title?  There might be a double-conversion issue going on there.

-John

The lineup looks awesome - I'm ready for some SEO immersion!

Be sure to say hello!

-John

Hey everyone... just seeing who's going to MozCon next month?  It would be nice to connect some usernames and faces when I get there!