Wednesday, October 26, 2016

Dropped in the Rankings? Diagnose, Minimize & Reverse the Damage

Why did your site drop in the search rankings

This article is part of an SEO series from WooRank. Thank you for supporting the partners who make SitePoint possible.

It’s one of the worst feelings a website owner can experience: opening up your analytics dashboard one morning and staring at a graph of search rankings in freefall. While your first instinct might be to panic, especially if you’ve just put a bunch of work into optimizing your website, try to stay calm. Sudden, drastic position losses are not the end of the world. In fact, if you take a methodical, organized approach to figuring out what went wrong, and how to fix it, you can make sure your lost rankings are temporary and completely reversible.

Follow our step by step guide to troubleshoot what could be causing your site to lose ranking so you can fix the issue that’s reducing your organic search traffic.

Determine the Extent of the Problem

When you first see that your traffic has dropped, head to your analytics and check each traffic channel: direct, referral, organic search and paid (if you’re running paid campaigns). If all of your traffic is dropping, it could be a technical problem with your site. If just your search traffic has fallen off, that’s a pretty good sign that you’ve got an SEO problem.

When trying to diagnose the reason behind your lost rankings, first you need to determine the scope of the issue: Is it related to a few individual keywords, or is it your site as a whole that’s losing rankings? Your problem could also be caused by a group of keywords or your pages within a particular category.

Those with a WooRank Advanced Review of their sites can use the SERP Checker to check their keyword rankings. It could be the case that every keyword lost ranking at the same time, which would indicate there’s a problem with your site, or your site has been hit by a site-wide penalty. Alternatively, if only certain keywords lost position, you probably have a problem with those particular landing pages or keyword categories.

SERP Checker track keyword position

For example, if you’re a garden supply store, it could be that a drop in traffic could be caused by a site wide issue or a loss of rankings for your "BLACK+DECKER cordless electric mower" keyword. Or, you could be losing ranking for every keyword in your lawn mower category.

Sadly, not everyone has a WooRank Advanced Review, and therefore can’t take advantage of the SERP Checker. If that’s the case, you can use your Google Search Console to check how keywords rank. Head to the Search Analytics report and make sure you’re looking at data for queries (this should be the default view) and check the box for Position — clicks won’t tell the whole story.

Google Search Console query position

Look at positions for individual keywords to spot sudden, drastic ranking drops of 10 or more positions. See if you can spot any patterns or trends to the keywords that lost ranking. Or, if every keyword has seen a huge drop, there’s a good chance you’ve got a site wide issue on your hands.

View the position of your landing pages as well. Look for a pattern around what sort of pages are losing position and traffic. It could be that a particular type of content is losing its ranking power, or maybe a feature you’ve rolled out (such as Flash content or a widget that contains outbound links) to certain pages is hurting your SEO.

Diagnosing the Issue

So after you’ve dug into your analytics data and determined the scope of your ranking drop, it’s time to start diagnosing exactly what caused the lost positions. There’s going to be a lot of reports and tools thrown at you from here on out, but don’t get intimidated, it’s not as complicated as it looks.

Check Site Status and Robots.txt

Of course, if Google can’t access your site it can’t rank. So make sure your site is up and running. If you haven’t already, visit your site now to make sure you can access it. Use a variety of devices to make sure you can view your desktop, mobile and tablet versions. Check the Crawl Errors report in Google Search Console to find if there’s an issue that’s only affecting some of your internal pages. Check the guide to robots.txt to troubleshoot errors in robots.txt files.

One common issue that blocks Google from crawling your site is issues with your robots.txt file. First, check to make sure you aren’t inadvertently blocking crawlers to your whole site, which would look like this:

User-agent: *
Disallow: /

This is one of the most common issues with robots.txt files, especially if you’ve recently migrated your site.

You can use the Fetch As Google feature in Google Search Console to make sure there isn’t a problem that prevents Google from accessing your pages and the robots.txt tester to make sure your robots.txt file is written correctly.

If the robots.txt file is correctly written and submitted to Google, verify that you haven’t accidentally disallowed any pages you want to appear in search results. You could go through your file line by line, but that will take forever if you have a lot of disallowed pages. Instead use the site: search operator. Just do a Google search for site:yourdomain.com, and Google will return the pages it has in its index. Make sure your meta description appears as it should, as disallowed pages often still appear in the results, but with a message to highlight that that a description for the result is not available. Your most important pages should be appearing at the top of the rankings, so if they’re not there’s something going on.

Audit Your Site

There’s always the possibility that your site isn’t as optimized for search engines as you think, or you may have inadvertently hurt your SEO by a change you recently pushed live. So the first step in figuring out why you lost ranking is to do an SEO audit of your site or affected pages. The WooRank audit analyzes more than 70 SEO factors, so you don’t have to go digging through your page code and content to spot those hard to find issues.

Continue reading %Dropped in the Rankings? Diagnose, Minimize & Reverse the Damage%


by Sam Gooch via SitePoint

Get Started With React Native Layouts

This Week's HTML5, CSS and Browser Tech News #263


Read this e-mail on the Web

FrontEnd Focus

formerly HTML5 Weekly

Dion Almaer
Powerful opinions on the importance of elegantly dealing with mobile web constraints, whether through aggressive build solutions, client-side technology or ‘tricks and illusions.’


Developer Express Inc.
A pure Node solution for testing webapps that handles browsers, running tests, and generating report. There’s great documentation too.


Kevin Kononenko
“If you have ever been on a long roadtrip, then you can understand CSS Flexbox.” This is a very interesting way to explain things.


Rangle.io  Sponsored
Now’s the time to get up to speed with Angular 2. Rangle offers a FREE Angular 2 online training course for JavaScript developers. Register now to join the session on November 22-23.

Rangle.io

Chris Coyier
Variables are one of the major reasons CSS preprocessors exist at all, but now ‘CSS variables’ are supported by most major browsers.


Dave Gandy
Every icon is getting remade from scratch, and with 36 days left to go, the campaign is far beyond its original goal.


Harry Roberts
How using multiple backgrounds via CSS can be a useful technique to improve perceived load time when large masthead images are involved.


John Gruber
John Gruber worries that using AMP traps users by not easily offering them an obvious way to get back to the canonical version of the article. Chris Coyier follows up.


Jobs

  • Senior Web Developer (Minnesota, USA)We're seeking a dev who loves creating polished web experiences. The right candidate needs the skills to create smooth animations, and an ability to make artistic decisions, turning static designs into interactive interfaces. Plaudit
  • One Application, 4,000+ Opportunities - Try HiredOn Hired companies apply to interview you. Get 1:1 support for your job search plus upfront compensation details. Hired

In brief

Curated by Peter Cooper and published by Cooper Press.

Unsubscribe : Change email address : Read this issue on the Web

Published by Cooper Press Ltd. Fairfield Enterprise Centre, Louth, LN11 0LS, UK


by via FrontEnd Focus

IG Design

IG Design

Dark scheme One Pager for 'IG Design' featuring a colorful icon (parallax scrolling) background. A neat reference to a successful ThemeForest theme shop using a Single Page website to simply list their products on their primary domain.

by Rob Hope via One Page Love

AtoZ CSS Quick Tip: Using OpenType for Text

T is for Text and OpenType

This week's CSS tips are all about text and typography. In the original screencast video we looked at all sorts of different CSS properties to do with text styling. But what we've yet to cover in depth on AtoZ CSS is OpenType features.

This family of properties adds all sorts of typographic goodness to your text and, as long as you have access to fonts that offer these features, they really give the reading experience a boost for your users.

Let's start with where you might find these fancy fonts.

Use a premium font service

With the @font-face directive in CSS, we can load up any custom font into our projects. This may come from a service like Google Fonts or you may create a webfont of your own using a generator like Font Squirel. Both these services offer a load of great, free fonts but sometimes you may want some more professional, premium typefaces from a paid service like Adobe Typekit, Fonts.com or one of the may others.

Not only do these premium services provide top quality fonts, they do a lot of magic behind the scenes to improve the legibility, the delivery, and performance of loading the fonts themselves. I'd love to go into depth on this at some point in the future but it kinda goes over my head at the moment!

I currently use Adobe Typekit for delivering fonts for client projects and have been pretty happy with the service so far. My only complaint is that I can't download all their fonts for local usage which is a bit of a pain when needing to design with these fonts in Sketch or Adobe Photoshop.

But one of the major benefits is that they offer a number of fonts with OpenType features. Having a font that supports OpenType features is the first step in being able to work through the following handful of tips.

Continue reading %AtoZ CSS Quick Tip: Using OpenType for Text%


by Guy Routledge via SitePoint

This Week in Mobile Web Development (#131)

Read this on the Web

Mobile Web Weekly October 26, 2016   #131
Peter Cooper recommends
Adapting to the Mobile Web F̶u̶t̶u̶r̶e̶ Present — A fascinating talk where you’ll learn how to diagnose bloat, techniques for attacking it, and how to keep your app under a reasonable performance budget from start to finish.
Alex Russell
Peter Cooper recommends
It’s Game Time for the Web — Powerful opinions from Dion Almaer on the importance of elegantly dealing with mobile Web constraints, whether through aggressive build solutions, client-side technology or ‘tricks and illusions.’
Dion Almaer
Brian Rinaldi recommends
Platforms Like Facebook's Instant Articles and Google AMP Are Making It Harder to Publish to The Web — The author argues that these formats have introduced additional coding complexity that makes it more difficult for smaller publishers to compete.
Jan Dawson
Sponsored
Build your gem of an app on our jewel of a server. Linode: Simple. Reliable. Powerful. Fast. — Create your ultimate app using the cloud’s fastest, most scalable, powerful and reliable SSD servers: Linode. Use promo code MOBILEWEB20 for a $20 credit.
linode

Holly Schinsky recommends
The Best Mobile Interaction Designs of 2016 — A showcase of 15 apps and interaction design concepts that have been recognized as some of the best so far in 2016.
Proto.io
Brian Rinaldi recommends
Progressive Web Apps: Bridging the Gap Between Web and Mobile — An overview of progressive web apps and their advantages and disadvantages.
Mark Pedersen
Peter Cooper recommends
Google Update: The Great Index Divide “In the next few months, Google is planning on dividing their index between mobile and desktop. But here’s the kicker, the MOBILE index will be the primary index.”
Ryan Shelley
Brian Rinaldi recommends
Why Do Websites Publish AMP Pages? — Gruber worries that using AMP traps users by not easily offering them an obvious way to get back to the canonical version of the article. Chris Coyier follows up.
John Gruber
Holly Schinsky recommends
Hybrid App Development: How Do I Get Started? — Resources and information to help you get started building hybrid apps quickly.
Jorge Vergara
Brian Rinaldi recommends
You Can't Detect A Touchscreen — A look at various options for detecting a touchscreen from the browser, each with their own caveats, and why you shouldn’t rely on them.
Stu Cox
Peter Cooper recommends
Android Pay Partners with Visa and Mastercard to Bring Simple Checkout to Mobile Web — Google announces strategic partnerships with Visa and Mastercard to bring Android Pay to more places on the mobile web.
Google
Chris Brandrick recommends
How To Poison The Mobile User — Want to avoid annoying your users? Here’s a sarcastic run down of things not to do.
Martin Michálek
Holly Schinsky recommends
Love PokĂ©mon Go? Create Your Own AR App in Monaca with Wikitude — How to build an app enabling Augmented Reality to draw 3D objects in real-time using the Cordova Wikitude plugin, Monaca and Onsen UI.
Onsen UI
Brian Rinaldi recommends
Responsive Images in CSS — A look at the available options for supporting responsive images, how they work and where they are supported.
Chris Coyier
Holly Schinsky recommends
AtoZ CSS Quick Tip: Achieving Cross Browser Support — How to achieve the best cross browser support for your apps by starting with a good baseline experience for as many devices as possible.
Guy Routledge
Holly Schinsky recommends
Comparing Frameworks with a 'Hello World' — A comparison of apps built using Onsen UI and various popular JS frameworks to help you see the differences and choose your favorite.
Onsen UI
Peter Cooper recommends
Why LTE Has Slowed by 50% in the US This Year — Usage levels are outpacing infrastructure improvements.
Twin Prime
Holly Schinsky recommends
Using iOS Image Picker with React Native — Building a simple app that will prompt the user to pick an image, and then display that image.
Gosha Arinich
Peter Cooper recommends
Google Struggles with Accreditation for Mobile Web Metrics
MarketingDive
Sponsored
Don't Get Frustrated - Get Hired — Sick of pushy recruiters, and dead end interviews? Try Hired to hear from top tier companies, and only talk to relevant companies.
Hired

Curated by Brian Rinaldi and Holly Schinsky for Cooper Press.
Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly

Fuel Your Titan

We worked with MTN DEW and Doritos to create a digital experience to let fans redeem product codes for exclusive Titanfall 2 in-game rewards—developing the first ever DOM rendered in WebGL site along the way.
by via Awwwards - Sites of the day