So you’ve added a Facebook share button to your site, or a Facebook comments box to your blog, but the image that is linking is not the image you so carefully selected for your article. Bummer huh? That’s what happened to me when I recently added a FB comment box on my blog. I excitedly added the comments box and did a test, but the image coming up was the “subscribe for email updates” envelopes on my footer. Which is not what I want every single liked article to show! I was able to find some documentation on adding og:image tag in order to have the right image pulled up, but I don’t want to have to do that manually for each post. And since I use WordPress, I don’t want to have to update individual meta data when I have a common header.

Fortunately I came across this great article on Moneytized, which walks you through automating this process. And they offer solutions whether your theme supports Featured Images or not. I’ve shared that portion below, as my main issue was the image, not so much the description or the title.

Setting the Featured Image as the default image Facebook will show
Many WordPress themes support the relatively new feature of “post thumbnail”. Usually, authors choose an image relative to the content; it would be a good idea to include it in the meta-information of the web page. Again, add this just below line 5 of the code above:
<meta property="og:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'large'); echo $post_thumbnail[0]; ?>" />

For themes not supporting post featured images, one may use the first image found inline in the main content:
<meta property="og:image" content="<?php preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); echo $matches[1][0]; ?>" />

You can read the full article originally posted by Nikolaos Anastopoulos on 11/14/11 to Moneytized.

There’s a lot of complaint over issues with the Like button on Facebook’s developer page. I myself have had a hit or miss experience. Unfortunately the FB team doesn’t seem to be addressing the issue, which is frustrating people all the more.

While searching for an alternate option, I found this great post with 3 easy methods, one of which is W3C compliant – which the default FB code is not (did you know that?). Hope you find it useful!

Method One: Adding the Facebook Like Button Code with the Facebook Script

Method Two: Adding the Facebook Like Button Code with Javascript script

Method Three: Adding the Facebook Like Button code using Javascript script without Document.Write
(also shows options for PHP enabled websites)

Read full article with all code goodies, written by Website Administrator.

Using unique and properly written meta data is an integral part of search engine optimization (SEO). There are many things a web developer can do to help with SEO efforts (optimized images, clean semantic code, appropriate headline tags, etc), but to a great degree we also depend on the client’s keyword list and page descriptions to further page optimization.

SEO is a complex service offering in and of itself, but to follow you’ll find some tips for optimizing your metadata in order to help make your site easier to find.

Metadata Basics

Long story short, Metadata are the keywords and phrases used to describe the contents of your web page. It helps search engines find your page, and it helps your readers decide if the information on your page is relevant to what they’re searching.

Page Titles

Title metadata is shown on the web browser title bar, as well as in search engine results.

Description

Serves as a description of the page’s content, and shows up as a snippet below the page title in search engine results. It should gain the attention of the reader and show relevancy within the specific page’s content.

Keywords

Although generally speaking page titles and descriptions are more helpful for SEO purposes, some search engines still refer to meta keywords. So why not use them too!

Bonus Tip: Web Content

Metadata is very helpful in getting your page found, but just as important is the actual content of your pages

You can download Optimizing Metadata to Enhance Your SEO Efforts as a PDF

I definitely scored in finding this post from 1stwebdesigner that not only showcases some amazing and inspirational website effects, but also provides tutorial for recreating them!

My favorite effects has to be the Nike Better World Parallax effect, which I immediately posted on my Facebook wall. Go ahead, visit the Nike page and scroll down. Awesome, right? I’m definitely looking for an opportunity to implement something similar on an upcoming design.

Have you ever come across a website with such a great design or effects that your inner voice screams wow, making you wonder how it would be possible for you to recreate the effect? The purpose of this article is to provide you with resources and insights about how you can learn from your favourite websites, learning and taking advantage from real implemented effects and functionalities.

So let’s get started! […]

Read full article by Ruben D’Oliveira on 1stwebdesigner.

Just discovered Google Webmaster Central which has a ton of helpful tutorials and Q&A.

This is the official YouTube channel for Google Webmaster Central, your one-stop shop for webmaster resources that will help you with your crawling and indexing questions, introduce you to offerings that can enhance and increase traffic to your site, and connect you with your visitors.

Can coding errors affect how a page is indexed? Can switching to HTTPS harm ranking? Should internal links use rel=”nofollow”? Visit the Google Webmaster Central YouTube Channel for the answer to these and many more questions.

In the meantime, below is a sample video answering Is there a limit to how many 301 (Permanent) redirects I can do on a site?