Latest TweetsNew version of Disable Gutenberg includes options to disable for specific theme templates and/or post/page IDs. wordpress.org/plugins/disable-…
Perishable Press

Fully Valid, SEO-Friendly Social Media Links for WordPress

[ Social Media ] With the explosion of social media, networking, and bookmarking services, there are a zillion ways to add “Share This Post” functionality to your WordPress-powered sites. In addition to the myriad services and plugins, we can also add these links directly, using nothing more than a little markup and a few choice PHP snippets. Such individual links provide full control over the selection, layout, and styling of each link without requiring the installation of yet another WordPress plugin.

This article shares SEO-friendly code snippets for ten of the most popular social media sites using completely valid XHMTL-Strict markup. All of the following code snippets feature:

  • nofollow attributes to conserve pagerank
  • descriptive title attributes for every link
  • encoded ampersands via & characters to keep ‘em valid
  • WordPress template tags for dynamic permalink and title generation
  • PHP’s urlencode() function to encode titles for valid code

Everything here is 100% copy-&-paste, plug-n-play, and ready to go! No editing required! Simply add this code to the desired location in your markup and enjoy! :)

Facebook

It seems like all of my non-geek friends and relatives have managed to find me on Facebook. Here’s a way to let them share your posts with each other:

<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Facebook">Share on Facebook</a>

Twitter

Here is a “quick-and-dirty” way to enable visitors to easily and quickly tweet your posts with a single click:

<a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Share this article with your Twitter followers">Tweet this!</a>

Reddit

And of course, we can’t forget Reddit, a social linking site that is very popular among certain circles. Here’s how to get in on the action:

<a rel="nofollow" href="http://reddit.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Share this post on Reddit">Share on Reddit</a>

AddThis

AddThis.com is a popular service that enables users to easily add your posts to a zillion different social sites. Once you have an account, change “USERNAME” in the code below and use the link as a fallback for your readers to share your site with the obscure site of their choice:

<a rel="nofollow" href="http://www.addthis.com/bookmark.php?pub=USERNAME&amp;url=<?php echo get_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Bookmark this article at your favorite social media site">Share this post at your favorite social media site</a>

Got More?

While we’re on the subject, what are your favorite social media sites? Did I cover all the most popular sites, or are there others that should be added to this post? Either way, by extrapolating the techniques used in this article, you can add a custom “Share This” link for just about any of your favorite social media services.

{ Hard to believe it’s almost December.. }

More Information

Jeff Starr
About the Author Jeff Starr = Web Developer. Security Specialist. WordPress Buff.
Archives
20 responses
  1. I wish I didn’t have to put them there either. I kind of agree with Louis in that people that actually USE these services use them through their own browser add-ons and hardly ever through little buttons on posts. I personally use a variety of them, and never ever use the buttons. I think the true function is a quick visual reminder. As that, the buttons are pretty useful. If those buttons are going to get you 5 saves to delicious that you wouldn’t have otherwise got, thus pushing you onto the popular page, despite the visual clutter — it was worth it.

  2. Jeff Starr

    @Donace: Post it anyway! I think there is plenty of room for more social-media link tricks! The referrer code is a good idea, but if you are going for speed, it may be better to “optionize” it.

    I agree about the JavaScript — there is no need to rely on it for this level of functionality; we can do everything we need with PHP and a little markup.

    As for the link format you are using, you are correct that dropping echo boosts performance (a little), but without the urlencode() functionality, any post titles that are longer than one word will break the validity of the web page. This feature, I think, is one of the selling points for the techniques provided in this article: every social-media link is 100% valid and SEO-friendly.

  3. I wasn’t really talking about the visual clutter that the buttons bring. I was having a more general reflexion on social networks.

    I think Graham Smith sums it up quite well when he says:

    If you are into bookmarking and voting for sites then I think you are more likely to have your own browser based system than rely on the site to provide it.

    All design and visual nuisance appart, I feel that it’s not the websites role to link the social services. If you are subscribed to a social service, you want to be able to use it on any website. You can’t expect every and each website on the internet to have the links ready for you.

    This decentralized approch is not working in my opinion.

  4. @Jeff, haha yes it’s true I was lucky enough to be “discovered” by Anthony who’s running some things on the site.
    Back to the topic, true I think browser based stuff solutions work best for you personally. Though a button almost always remembers people to vote and so a combined thing will always work best. I’m actually just reconsidering some things on social bookmarking end.

  5. *looks around* I heard my name…..

    Though yes the clickthough on these buttons are more for the occasional social media user (I would class myself as one). So once I read an article and I thought it was good, I would think ‘ohh click buttons!’

  6. Hi Jeff,

    The people who visit my site are not that tech savvy (well except for Donace) and I’ve found that the social media links are used. Not a lot but enough to justify having them there.

    I don’t use them though – I use my own bookmarklets like Graham mentioned.

    And I will definitely bookmark this in my list of things I’ve got to try.

  7. Jeff Starr

    @Kim: I find that people will click on the social media links if the article is worth it and the links are available. Of course, as you suggest, the more savvy users are equipped with their own bookmarking and sharing methods and will share the content as they see fit and according to their own purposes. The nice thing about these particular link examples is their ease of implementation and valid syntax. Great to see you again — thanks for dropping in and sharing your thoughts! :)

    @Donace: Good to see your “reputation radar” is working well and in full effect! ;)

  8. Silver Firefly March 16, 2009 @ 3:31 pm

    Thanks for this article.

    I’m savvy and I never use browser based social bookmarking buttons. I always use the ones that are provided on the website I’m browsing. That’s because I’m not a power social bookmarker.

[ Comments are closed for this post ]