Monday, November 2, 2015

When to Use rel="nofollow"

Assigning the rel="nofollow" attribute to a link informs search engines that the link is commercial in nature, or that it’s a link you don’t endorse.

Links that have the the rel="nofollow" attribute are often called nofollow links.

Just so we’re on the same page, here’s an example of a link that uses the rel="nofollow" attribute:

<a rel="nofollow" href="http://example.com">nofollow link</a>

The concept behind nofollow links came about in 2005, as a way of discouraging comment spam in blogs.

You might already know this if you’re familiar with SEO: One of the factors search engines take into account when ranking a website is the number of other websites linking to it (referred to as the site’s inbound links).

If there are many links from other sites pointing to your site, and those other sites are reputable, then there’s a good chance your site is also reputable.

To artificially boost their clients’ search engine rankings, spammers will try to place as many links as they can on other websites. An easy target for spammers are the "comments" sections of reputable blogs.

To help address the spam issue, the rel="nofollow" attribute was introduced.

The thinking went like this: If comment spammers didn’t get credit for their nofollow links, then they’d be less likely to waste their time posting those links on blogs.

Today, the purpose of rel="nofollow" has evolved slightly. It’s now also supposed to be used on links that are commercial/for-profit in nature. Links that fall into this category are:

  • paid links
  • banner ads
  • sponsored content
  • text link ads
  • affiliate links

The rel="nofollow" attribute started off as a microformat. However, the HTML attribute is now in the latest W3C HTML specification, in section 4.8.4.7 Link type “nofollow”.

Here’s how the attribute should be used in accordance to specs:

The nofollow keyword indicates that the link is not endorsed by the original author or publisher of the page, or that the link to the referenced document was included primarily because of a commercial relationship between people affiliated with the two pages.4.8 Links — HTML5

So, When Should You Use rel="nofollow"?

Based on the specs, the two cases in which you should use rel="nofollow" are:

  1. When the link is something you don’t/can’t endorse
  2. When the link is primarily commercial in nature

Let’s talk about these two cases.

Links You Don’t Endorse

A typical example of a link you can’t endorse is one that was placed on your site by someone else.

For example, if you have a blog, the comments on your blog are posted by your readers. Those comments often contain links. It’s not practical to review each and every link commenters post on your site. Using the rel="nofollow" attribute in the "comments" section of your blog essentially tells search engines, “Hey, I haven’t reviewed, and therefore can’t vouch for, any of the links you find here.”

That’s why, by default, WordPress (1.5 and above) automatically sets the rel="nofollow" attribute on user-generated links in the "comments" sections of WordPress-powered sites.

Wikipedia uses the rel="nofollow" attribute on all external links. Wikipedia can be edited by anyone. And because of the sheer volume of content on the site, it’s not practical for Wikipedia to verify, review, and endorse each and every external link posted on their site. So Wikipedia decided to categorically assign the rel="nofollow" attribute on all external links, much like how WordPress categorically assigns the attribute on all external links it finds in the "comments" section.

On Wikipedia, notice how an external link that goes to w3.org — which you and I know is a pretty reputable site — is a nofollow link.

External links in Wikipedia have rel="nofollow"attributes.With Chrome DevTools, we can see that external links in Wikipedia have rel="nofollow" attributes.

On Reddit, new link submissions are nofollow.

On Reddit, new link submissions are nofollow.

What’s interesting with Reddit’s implementation is that when an external link has been voted to the front page of the site, its rel="nofollow" attribute is removed.

On Reddit, front page external links do not have a rel="nofollow" attribute.

Reddit’s system of assigning rel="nofollow" attributes is clever because it’s democratic. Reddit makes the hypothesis that if a submitted link gets the required votes needed to propel itself to the site’s front page, then it must mean enough people have reviewed the trustworthiness of the link, and thus the link’s rel="nofollow" attribute can be safely dropped.

Links That Are Commercial in Nature (Paid Links)

When a link exists on your site primarily for profit, it should be assigned a rel="nofollow" attribute.

Simply put: If you publish paid advertisements on your site — banner ads, text links, sponsored content, affiliate links, etc. — the links going to your advertisers’ sites should be nofollow.

This is one way to discourage any site from trying to buy its way into better search rankings by paying other sites for links.

Why Use rel="nofollow"?

The rel="nofollow" attribute benefits third-party services most. Search engines, for example, can use the information we give them about links on our site as a clue that certain links might be low-quality, or commercial in nature, or both. They can then use this knowledge to improve the quality of their search results for their users.

So what’s in it for us?

By disclosing which links on our site have been paid for and which ones haven’t been reviewed, we can reduce the chances of search engines penalizing our site for publishing low-quality external links.

It’s reasonable to assume that by diligently assigning the rel="nofollow" attribute on our unverified, untrusted, and paid links we can improve our website’s SEO, and our website’s trustworthiness as a source of quality content.

Learn More About Nofollow Links

Read Next

10 SEO Tips to Remember When Building Your Site

User-Friendly SEO

What Potential Impact Can HTML5 Have on SEO?

Fine-Tuning WordPress for SEO

Jacob Gube is the founder of Six Revisions. He’s a front-end developer. Connect with him on Twitter and Facebook.

The post When to Use rel="nofollow" appeared first on Six Revisions.


by Jacob Gube via Six Revisions

8 Ways to Generate Leads With Your Blog

mh-generate-leads-560

Is your blog generating leads for your business? Are you looking for ideas? Offering a suitable and relevant reward in return for people’s contact information is a great way to generate business leads. In this article you’ll discover eight ways to generate leads with your blog. Why Lead Generators? A lead generator (or lead magnet) is something […]

This post 8 Ways to Generate Leads With Your Blog first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle


by Marcus Ho via Social Media Examiner

Viens-là

Viens-là is an independent digital agency dedicated to brand universe creation, web-site and high-value mobile application design.
by via Awwwards - Sites of the day

LHBZR

LHBZR

Unique and minimal One Pager for Brazilian developer 'Luis Henrique Bizarro' featuring a background visualiser that sync's with a pumping soundtrack. (Sound warning)

by Rob Hope via One Page Love

Mind Journal

Mind Journal — Helping you to write

Responsive One Pager for 'Mind Journal' - an upcoming book to help with writers block. More line height would be nice, especially on mobile but good to see a One Pager promoting an idea before the actual Kickstarter campaigns starts. Also a smart way to validate an idea before committing to investing in video production for Kickstarter.

by Rob Hope via One Page Love

Sunday, November 1, 2015

CSSgram : CSS library for Instagram Filters

CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web!

The post CSSgram : CSS library for Instagram Filters appeared first on jQuery Rain.


by Admin via jQuery Rain

jQuery Instant Responsive Menus with CSS3

Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.

Features:

  • One Page Smooth Scroll support
  • Customizable CSS3 animation effects (Faster than jQuery Animations)
  • Fully Responsive
  • Unlimited Color Themes
  • Light weight
  • Built with CSS3 and improved with some jQuery
  • Compatible with bootstrap

The post jQuery Instant Responsive Menus with CSS3 appeared first on jQuery Rain.


by Admin via jQuery Rain