The SEO Cyborg: How to Resonate with Users & Make Sense to Search Bots

Posted by alexis-sanders

SEO is about understanding how search bots and users react to an online experience. As search professionals, we’re required to bridge gaps between online experiences, search engine bots, and users. We need to know where to insert ourselves (or our teams) to ensure the best experience for both users and bots. In other words, we strive for experiences that resonate with humans and make sense to search engine bots.

This article seeks to answer the following questions:

• How do we drive sustainable growth for our clients?
• What are the building blocks of an organic search strategy?

What is the SEO cyborg?

A cyborg (or cybernetic organism) is defined as “a being with both organic and
biomechatronic body parts, whose physical abilities are extended beyond normal human limitations by mechanical elements.”

With the ability to relate between humans, search bots, and our site experiences, the SEO cyborg is an SEO (or team) that is able to work seamlessly between both technical and content initiatives (whose skills are extended beyond normal human limitations) to support driving of organic search performance. An SEO cyborg is able to strategically pinpoint where to place organic search efforts to maximize performance.

So, how do we do this?

The SEO model

Like so many classic triads (think: primary colors, the Three Musketeers, Destiny’s Child [the canonical version, of course]) the traditional SEO model, known as the crawl-index-rank method, packages SEO into three distinct steps. At the same time, however, this model fails to capture the breadth of work that we SEOs are expected to do on a daily basis, and not having a functioning model can be limiting. We need to expand this model without reinventing the wheel.

The enhanced model involves adding in a rendering, signaling, and connection phase.

You might be wondering, why do we need these?:

• Rendering: There is increased prevalence of JavaScript, CSS, imagery, and personalization.
• Signaling: HTML <link> tags, status codes, and even GSC signals are powerful indicators that tell search engines how to process and understand the page, determine its intent, and ultimately rank it. In the previous model, it didn’t feel as if these powerful elements really had a place.
• Connecting: People are a critical component of search. The ultimate goal of search engines is to identify and rank content that resonates with people. In the previous model, “rank” felt cold, hierarchical, and indifferent towards the end user.

All of this brings us to the question: how do we find success in each stage of this model?

Note: When using this piece, I recommend skimming ahead and leveraging those sections of the enhanced model that are most applicable to your business’ current search program.

The enhanced SEO model

Crawling

Technical SEO starts with the search engine’s ability to find a site’s webpages (hopefully efficiently).

Finding pages

Initially finding pages can happen a few ways, via:

• Links (internal or external)
• Redirected pages
• Sitemaps (XML, RSS 2.0, Atom 1.0, or .txt)

Side note: This information (although at first pretty straightforward) can be really useful. For example, if you’re seeing weird pages popping up in site crawls or performing in search, try checking:

• Backlink reports
• Internal links to URL
• Redirected into URL

Obtaining resources

The second component of crawling relates to the ability to obtain resources (which later becomes critical for rendering a page’s experience).

This typically relates to two elements:

1. Appropriate robots.txt declarations
2. Proper HTTP status code (namely 200 HTTP status codes)

Crawl efficiency

Finally, there’s the idea of how efficiently a search engine bot can traverse your site’s most critical experiences.

Action items:

• Is site’s main navigation simple, clear, and useful?
• Are there relevant on-page links?
• Is internal linking clear and crawlable (i.e., <a href="/">)?
• Is an HTML sitemap available?

• Side note: Make sure to check the HTML sitemap’s next page flow (or behavior flow reports) to find where those users are going. This may help to inform the main navigation.

• Do footer links contain tertiary content?
• Are important pages close to root?
• Are there no crawl traps?
• Are there no orphan pages?
• Are pages consolidated?
• Do all pages have purpose?
• Has duplicate content been resolved?
• Have redirects been consolidated?
• Are canonical tags on point?
• Are parameters well defined?

Information architecture

The organization of information extends past the bots, requiring an in-depth understanding of how users engage with a site.

Some seed questions to begin research include:

• What trends appear in search volume (by location, device)? What are common questions users have?
• Which pages get the most traffic?
• What are common user journeys?
• What are users’ traffic behaviors and flow?
• How do users leverage site features (e.g., internal site search)?

Rendering

Rendering a page relates to search engines’ ability to capture the page’s desired essence.

JavaScript

The big kahuna in the rendering section is JavaScript. For Google, rendering of JavaScript occurs during a second wave of indexing and the content is queued and rendered as resources become available.

Image based off of Google I/O ’18 presentation by Tom Greenway and John Mueller, Deliver search-friendly JavaScript-powered websites

As an SEO, it’s critical that we be able to answer the question — are search engines rendering my content?

Action items:

• Are direct “quotes” from content indexed?
• Is the site using <a href="/"> links (not onclick();)?
• Is the same content being served to search engine bots (user-agent)?
• Is the content present within the DOM?
• What does Google’s Mobile-Friendly Testing Tool’s JavaScript console (click “view details”) say?

Infinite scroll and lazy loading

Another hot topic relating to JavaScript is infinite scroll (and lazy load for imagery). Since search engine bots are lazy users, they won’t scroll to attain content.

Action items:

Ask ourselves – should all of the content really be indexed? Is it content that provides value to users?

• Infinite scroll: a user experience (and occasionally a performance optimizing) tactic to load content when the user hits a certain point in the UI; typically the content is exhaustive.

Solution one (updating AJAX):

1. Break out content into separate sections

• Note: The breakout of pages can be /page-1, /page-2, etc.; however, it would be best to delineate meaningful divides (e.g., /voltron, /optimus-prime, etc.)

2. Implement History API (pushState(), replaceState()) to update URLs as a user scrolls (i.e., push/update the URL into the URL bar)

3. Add the <link> tag’s rel="next" and rel="prev" on relevant page

Solution two (create a view-all page)
Note: This is not recommended for large amounts of content.

1. If it’s possible (i.e., there’s not a ton of content within the infinite scroll), create one page encompassing all content

2. Site latency/page load should be considered

• Lazy load imagery is a web performance optimization tactic, in which images loads upon a user scrolling (the idea is to save time, downloading images only when they’re needed)
• Add <img> tags in <noscript> tags
• Use JSON-LD structured data
  • Schema.org "image" attributes nested in appropriate item types
  • Schema.org ImageObject item type

CSS

I only have a few elements relating to the rendering of CSS.

Action items:

• CSS background images not picked up in image search, so don’t count on for important imagery
• CSS animations not interpreted, so make sure to add surrounding textual content
• Layouts for page are important (use responsive mobile layouts; avoid excessive ads)

Personalization

Although a trend in the broader digital exists to create 1:1, people-based marketing, Google doesn’t save cookies across sessions and thus will not interpret personalization based on cookies, meaning there must be an average, base-user, default experience. The data from other digital channels can be exceptionally useful when building out audience segments and gaining a deeper understanding of the base-user.

Action item:

• Ensure there is a base-user, unauthenticated, default experience

Technology

Google’s rendering engine is leveraging Chrome 41. Canary (Chrome’s testing browser) is currently operating on Chrome 69. Using CanIUse.com, we can infer that this affects Google’s abilities relating to HTTP/2, service workers (think: PWAs), certain JavaScript, specific advanced image formats, resource hints, and new encoding methods. That said, this does not mean we shouldn’t progress our sites and experiences for users — we just must ensure that we use progressive development (i.e., there’s a fallback for less advanced browsers [and Google too ☺]).

Action items:

• Ensure there's a fallback for less advanced browsers

Indexing

Getting pages into Google’s databases is what indexing is all about. From what I’ve experienced, this process is straightforward for most sites.

Action items:

• Ensure URLs are able to be crawled and rendered
• Ensure nothing is preventing indexing (e.g., robots meta tag)
• Submit sitemap in Google Search Console
• Fetch as Google in Google Search Console

Signaling

A site should strive to send clear signals to search engines. Unnecessarily confusing search engines can significantly impact a site’s performance. Signaling relates to suggesting best representation and status of a page. All this means is that we’re ensuring the following elements are sending appropriate signals.

Action items:

• <link> tag: This represents the relationship between documents in HTML.
  • Rel="canonical": This represents appreciably similar content.
    • Are canonicals a secondary solution to 301-redirecting experiences?
    • Are canonicals pointing to end-state URLs?
    • Is the content appreciably similar?
      • Since Google maintains prerogative over determining end-state URL, it’s important that the canonical tags represent duplicates (and/or duplicate content).
    • Are all canonicals in HTML?
      • Presumably Google prefers canonical tags in the HTML. Although there have been some studies that show that Google can pick up JavaScript canonical tags, from my personal studies it takes significantly longer and is spottier.
    • Is there safeguarding against incorrect canonical tags?
  • Rel="next" and rel="prev": These represent a collective series and are not considered duplicate content, which means that all URLs can be indexed. That said, typically the first page in the chain is the most authoritative, so usually it will be the one to rank.
  • Rel="alternate"
    • media: typically used for separate mobile experiences.
    • hreflang: indicate appropriate language/country
      • The hreflang is quite unforgiving and it’s very easy to make errors.
      • Ensure the documentation is followed closely.
      • Check GSC International Target reports to ensure tags are populating.
• HTTP status codes can also be signals, particularly the 304, 404, 410, and 503 status codes.
  • 304 – a valid page that simply hasn’t been modified
  • 404 – file not found
  • 410 – file not found (and it is gone, forever and always)
  • 503 – server maintenance

• Google Search Console settings: Make sure the following reports are all sending clear signals. Occasionally Google decides to honor these signals.
  • International Targeting
  • URL Parameters
  • Data Highlighter
  • Remove URLs
  • Sitemaps

Rank

Rank relates to how search engines arrange web experiences, stacking them against each other to see who ends up on top for each individual query (taking into account numerous data points surrounding the query).

Two critical questions recur often when understanding ranking pages:

• Does or could your page have the best response?
• Are you or could you become semantically known (on the Internet and in the minds of users) for the topics? (i.e., are you worthy of receiving links and people traversing the web to land on your experience?)

On-page optimizations

These are the elements webmasters control. Off-page is a critical component to achieving success in search; however, in an idyllic world, we shouldn’t have to worry about links and/or mentions – they should come naturally.

Action items:

• Textual content:
  • Make content both people and bots can understand
  • Answer questions directly
  • Write short, logical, simple sentences
  • Ensure subjects are clear (not to be inferred)
  • Create scannable content (i.e., make sure <h#> tags are an outline, use bullets/lists, use tables, charts, and visuals to delineate content, etc.)
  • Define any uncommon vocabulary or link to a glossary
• Multimedia (images, videos, engaging elements):
  • Use imagery, videos, engaging content where applicable
  • Ensure that image optimization best practices are followed
    • If you’re looking for a comprehensive resource check out https://images.guide
• Meta elements (<title> tags, meta descriptions, OGP, Twitter cards, etc.)
• Structured data
  • Schema.org (check out Google’s supported markup and TechnicalSEO.com’s markup helper tool)
  • Use Accessible Rich Internet Applications (ARIA)
  • Use semantic HTML (especially hierarchically organized, relevant <h#> tags and unordered and ordered lists (<ul>, <ol>))

Image courtesy of @abbynhamilton

• Is content accessible?
  • Is there keyboard functionality?
  • Are there text alternatives for non-text media? Example:
    • Transcripts for audio
    • Images with alt text
    • In-text descriptions of visuals
  • Is there adequate color contrast?
  • Is text resizable?

Finding interesting content

Researching and identifying useful content happens in three formats:

• Keyword and search landscape research
• On-site analytic deep dives
• User research

Visual modified from @smrvl via @DannyProl

Audience research

When looking for audiences, we need to concentrate high percentages (super high index rates are great, but not required). Push channels (particularly ones with strong targeting capabilities) do better with high index rates. This makes sense, we need to know that 80% of our customers have certain leanings (because we’re looking for base-case), not that five users over-index on a niche topic (these five niche-topic lovers are perfect for targeted ads).

Some seed research questions:

• Who are users?
• Where are they?
• Why do they buy?
• How do they buy?
• What do they want?
• Are they new or existing users?
• What do they value?
• What are their motivators?
• What is their relationship w/ tech?
• What do they do online?
• Are users engaging with other brands?
  • Is there an opportunity for synergy?
• What can we borrow from other channels?
  • Digital presents a wealth of data, in which 1:1, closed-loop, people-based marketing exists. Leverage any data you can get and find useful.

Content journey maps

All of this data can then go into creating a map of the user journey and overlaying relevant content. Below are a few types of mappings that are useful.

Illustrative user journey map

Sometimes when trying to process complex problems, it’s easier to break it down into smaller pieces. Illustrative user journeys can help with this problem! Take a single user’s journey and map it out, aligning relevant content experiences.

Funnel content mapping

This chart is deceptively simple; however, working through this graph can help sites to understand how each stage in the funnel affects users (note: the stages can be modified). This matrix can help with mapping who writers are talking to, their needs, and how to push them to the next stage in the funnel.

Content matrix

Mapping out content by intent and branding helps to visualize conversion potential. I find these extremely useful for prioritizing top-converting content initiatives (i.e., start with ensuring branded, transactional content is delivering the best experience, then move towards more generic, higher-funnel terms).

Overviews

Regardless of how the data is broken down, it’s vital to have a high-level view on the audience’s core attributes, opportunities to improve content, and strategy for closing the gap.

Connecting

Connecting is all about resonating with humans. Connecting is about understanding that customers are human (and we have certain constraints). Our mind is constantly filtering, managing, multitasking, processing, coordinating, organizing, and storing information. It is literally in our mind’s best interest to not remember 99% of the information and sensations that surround us (think of the lights, sounds, tangible objects, people surrounding you, and you’re still able to focus on reading the words on your screen — pretty incredible!).

To become psychologically sticky, we must:

1. Get past the mind’s natural filter. A positive aspect of being a pull marketing channel is that individuals are already seeking out information, making it possible to intersect their user journey in a micro-moment.
2. From there we must be memorable. The brain tends to hold onto what’s relevant, useful, or interesting. Luckily, the searcher’s interest is already piqued (even if they aren’t consciously aware of why they searched for a particular topic).

This means we have a unique opportunity to “be there” for people. This leads to a very simple, abstract philosophy: a great brand is like a great friend.

We have similar relationship stages, we interweave throughout each other’s lives, and we have the ability to impact happiness. This comes down to the question: Do your online customers use adjectives they would use for a friend to describe your brand?

Action items:

• Is all content either relevant, useful, or interesting?
• Does the content honor your user’s questions?
• Does your brand have a personality that aligns with reality?
• Are you treating users as you would a friend?
• Do your users use friend-like adjectives to describe your brand and/or site?
• Do the brand’s actions align with overarching goals?
• Is your experience trust-inspiring?
• https://?
• Using Limited ads in layout?
• Does the site have proof of claims?
• Does the site use relevant reviews and testimonials?
• Is contact information available and easily findable?
• Is relevant information intuitively available to users?
• Is it as easy to buy/subscribe as it is to return/cancel?
• Is integrity visible throughout the entire conversion process and experience?
• Does site have credible reputation across the web?

Ultimately, being able to strategically, seamlessly create compelling user experiences which make sense to bots is what the SEO cyborg is all about. ☺

tl;dr

• Ensure site = crawlable, renderable, and indexable
• Ensure all signals = clear, aligned
• Answering related, semantically salient questions
• Research keywords, the search landscape, site performance, and develop audience segments
• Use audience segments to map content and prioritize initiatives
• Ensure content is relevant, useful, or interesting
• Treat users as friend, be worthy of their trust

This article is based off of my MozCon talk (with a few slides from the Appendix pulled forward). The full deck is available on Slideshare, and the official videos can be purchased here. Please feel free to reach out with any questions in the comments below or via Twitter @AlexisKSanders.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

Rewriting the Beginner's Guide to SEO, Chapter 5: Technical Optimization

Posted by BritneyMuller

After a short break, we're back to share our working draft of Chapter 5 of the Beginner's Guide to SEO with you! This one was a whopper, and we're really looking forward to your input. Giving beginner SEOs a solid grasp of just what technical optimization for SEO is and why it matters — without overwhelming them or scaring them off the subject — is a tall order indeed. We'd love to hear what you think: did we miss anything you think is important for beginners to know? Leave us your feedback in the comments!

And in case you're curious, check back on our outline, Chapter One, Chapter Two, Chapter Three, and Chapter Four to see what we've covered so far.

---

Chapter 5: Technical Optimization

Basic technical knowledge will help you optimize your site for search engines and establish credibility with developers.

Now that you’ve crafted valuable content on the foundation of solid keyword research, it’s important to make sure it’s not only readable by humans, but by search engines too!

You don’t need to have a deep technical understanding of these concepts, but it is important to grasp what these technical assets do so that you can speak intelligently about them with developers. Speaking your developers’ language is important because you will likely need them to carry out some of your optimizations. They're unlikely to prioritize your asks if they can’t understand your request or see its importance. When you establish credibility and trust with your devs, you can begin to tear away the red tape that often blocks crucial work from getting done.

Pro tip: SEOs need cross-team support to be effective It’s vital to have a healthy relationship with your developers so that you can successfully tackle SEO challenges from both sides. Don’t wait until a technical issue causes negative SEO ramifications to involve a developer. Instead, join forces for the planning stage with the goal of avoiding the issues altogether. If you don’t, it can cost you in time and money later.

Beyond cross-team support, understanding technical optimization for SEO is essential if you want to ensure that your web pages are structured for both humans and crawlers. To that end, we’ve divided this chapter into three sections:

1. How websites work
2. How search engines understand websites
3. How users interact with websites

Since the technical structure of a site can have a massive impact on its performance, it’s crucial for everyone to understand these principles. It might also be a good idea to share this part of the guide with your programmers, content writers, and designers so that all parties involved in a site's construction are on the same page.

1. How websites work

If search engine optimization is the process of optimizing a website for search, SEOs need at least a basic understanding of the thing they're optimizing!

Below, we outline the website’s journey from domain name purchase all the way to its fully rendered state in a browser. An important component of the website’s journey is the critical rendering path, which is the process of a browser turning a website’s code into a viewable page.

Knowing this about websites is important for SEOs to understand for a few reasons:

• The steps in this webpage assembly process can affect page load times, and speed is not only important for keeping users on your site, but it’s also one of Google’s ranking factors.
• Google renders certain resources, like JavaScript, on a “second pass.” Google will look at the page without JavaScript first, then a few days to a few weeks later, it will render JavaScript, meaning SEO-critical elements that are added to the page using JavaScript might not get indexed.

Imagine that the website loading process is your commute to work. You get ready at home, gather your things to bring to the office, and then take the fastest route from your home to your work. It would be silly to put on just one of your shoes, take a longer route to work, drop your things off at the office, then immediately return home to get your other shoe, right? That’s sort of what inefficient websites do. This chapter will teach you how to diagnose where your website might be inefficient, what you can do to streamline, and the positive ramifications on your rankings and user experience that can result from that streamlining.

Before a website can be accessed, it needs to be set up!

1. Domain name is purchased. Domain names like moz.com are purchased from a domain name registrar such as GoDaddy or HostGator. These registrars are just organizations that manage the reservations of domain names.
2. Domain name is linked to IP address. The Internet doesn’t understand names like “moz.com” as website addresses without the help of domain name servers (DNS). The Internet uses a series of numbers called an Internet protocol (IP) address (ex: 127.0.0.1), but we want to use names like moz.com because they’re easier for humans to remember. We need to use a DNS to link those human-readable names with machine-readable numbers.

How a website gets from server to browser

1. User requests domain. Now that the name is linked to an IP address via DNS, people can request a website by typing the domain name directly into their browser or by clicking on a link to the website.
2. Browser makes requests. That request for a web page prompts the browser to make a DNS lookup request to convert the domain name to its IP address. The browser then makes a request to the server for the code your web page is constructed with, such as HTML, CSS, and JavaScript.
3. Server sends resources. Once the server receives the request for the website, it sends the website files to be assembled in the searcher’s browser.
4. Browser assembles the web page. The browser has now received the resources from the server, but it still needs to put it all together and render the web page so that the user can see it in their browser. As the browser parses and organizes all the web page’s resources, it’s creating a Document Object Model (DOM). The DOM is what you can see when you right click + “inspect element” on a web page in your Chrome browser (learn how to inspect elements in other browsers).
5. Browser makes final requests. The browser will only show a web page after all the page’s necessary code is downloaded, parsed, and executed, so at this point, if the browser needs any additional code in order to show your website, it will make an additional request from your server.
6. Website appears in browser. Whew! After all that, your website has now been transformed (rendered) from code to what you see in your browser.

Pro tip: Talk to your developers about async! Something you can bring up with your developers is shortening the critical rendering path by setting scripts to "async" when they’re not needed to render content above the fold, which can make your web pages load faster. Async tells the DOM that it can continue to be assembled while the browser is fetching the scripts needed to display your web page. If the DOM has to pause assembly every time the browser fetches a script (called “render-blocking scripts”), it can substantially slow down your page load. It would be like going out to eat with your friends and having to pause the conversation every time one of you went up to the counter to order, only resuming once they got back. With async, you and your friends can continue to chat even when one of you is ordering. You might also want to bring up other optimizations that devs can implement to shorten the critical rendering path, such as removing unnecessary scripts entirely, like old tracking scripts.

Now that you know how a website appears in a browser, we’re going to focus on what a website is made of — in other words, the code (programming languages) used to construct those web pages.

The three most common are:

• HTML – What a website says (titles, body content, etc.)
• CSS – How a website looks (color, fonts, etc.)
• JavaScript – How it behaves (interactive, dynamic, etc.)

HTML: What a website says

HTML stands for hypertext markup language, and it serves as the backbone of a website. Elements like headings, paragraphs, lists, and content are all defined in the HTML.

Here’s an example of a webpage, and what its corresponding HTML looks like:

HTML is important for SEOs to know because it’s what lives “under the hood” of any page they create or work on. While your CMS likely doesn’t require you to write your pages in HTML (ex: selecting “hyperlink” will allow you to create a link without you having to type in “a href=”), it is what you’re modifying every time you do something to a web page such as adding content, changing the anchor text of internal links, and so on. Google crawls these HTML elements to determine how relevant your document is to a particular query. In other words, what’s in your HTML plays a huge role in how your web page ranks in Google organic search!

CSS: How a website looks

CSS stands for cascading style sheets, and this is what causes your web pages to take on certain fonts, colors, and layouts. HTML was created to describe content, rather than to style it, so when CSS entered the scene, it was a game-changer. With CSS, web pages could be “beautified” without requiring manual coding of styles into the HTML of every page — a cumbersome process, especially for large sites.

It wasn’t until 2014 that Google’s indexing system began to render web pages more like an actual browser, as opposed to a text-only browser. A black-hat SEO practice that tried to capitalize on Google’s older indexing system was hiding text and links via CSS for the purpose of manipulating search engine rankings. This “hidden text and links” practice is a violation of Google’s quality guidelines.

Components of CSS that SEOs, in particular, should care about:

• Since style directives can live in external stylesheet files (CSS files) instead of your page’s HTML, it makes your page less code-heavy, reducing file transfer size and making load times faster.
• Browsers still have to download resources like your CSS file, so compressing them can make your web pages load faster, and page speed is a ranking factor.
• Having your pages be more content-heavy than code-heavy can lead to better indexing of your site’s content.
• Using CSS to hide links and content can get your website manually penalized and removed from Google’s index.

JavaScript: How a website behaves

In the earlier days of the Internet, web pages were built with HTML. When CSS came along, webpage content had the ability to take on some style. When the programming language JavaScript entered the scene, websites could now not only have structure and style, but they could be dynamic.

JavaScript has opened up a lot of opportunities for non-static web page creation. When someone attempts to access a page that is enhanced with this programming language, that user’s browser will execute the JavaScript against the static HTML that the server returned, resulting in a web page that comes to life with some sort of interactivity.

You’ve definitely seen JavaScript in action — you just may not have known it! That’s because JavaScript can do almost anything to a page. It could create a pop up, for example, or it could request third-party resources like ads to display on your page.

JavaScript can pose some problems for SEO, though, since search engines don’t view JavaScript the same way human visitors do. That’s because of client-side versus server-side rendering. Most JavaScript is executed in a client’s browser. With server-side rendering, on the other hand, the files are executed at the server and the server sends them to the browser in their fully rendered state.

SEO-critical page elements such as text, links, and tags that are loaded on the client’s side with JavaScript, rather than represented in your HTML, are invisible from your page’s code until they are rendered. This means that search engine crawlers won’t see what’s in your JavaScript — at least not initially.

Google says that, as long as you’re not blocking Googlebot from crawling your JavaScript files, they’re generally able to render and understand your web pages just like a browser can, which means that Googlebot should see the same things as a user viewing a site in their browser. However, due to this “second wave of indexing” for client-side JavaScript, Google can miss certain elements that are only available once JavaScript is executed.

There are also some other things that could go wrong during Googlebot’s process of rendering your web pages, which can prevent Google from understanding what’s contained in your JavaScript:

• You’ve blocked Googlebot from JavaScript resources (ex: with robots.txt, like we learned about in Chapter 2)
• Your server can’t handle all the requests to crawl your content
• The JavaScript is too complex or outdated for Googlebot to understand
• JavaScript doesn’t "lazy load" content into the page until after the crawler has finished with the page and moved on.

Needless to say, while JavaScript does open a lot of possibilities for web page creation, it can also have some serious ramifications for your SEO if you’re not careful. Thankfully, there is a way to check whether Google sees the same thing as your visitors. To see a page how Googlebot views your page, use Google Search Console's "Fetch and Render" tool. From your site’s Google Search Console dashboard, select “Crawl” from the left navigation, then “Fetch as Google.”

From this page, enter the URL you want to check (or leave blank if you want to check your homepage) and click the “Fetch and Render” button. You also have the option to test either the desktop or mobile version.

In return, you’ll get a side-by-side view of how Googlebot saw your page versus how a visitor to your website would have seen the page. Below, Google will also show you a list of any resources they may not have been able to get for the URL you entered.

Understanding the way websites work lays a great foundation for what we’ll talk about next, which is technical optimizations to help Google understand the pages on your website better.

2. How search engines understand websites

Search engines have gotten incredibly sophisticated, but they can’t (yet) find and interpret web pages quite like a human can. The following sections outline ways you can better deliver content to search engines.

Help search engines understand your content by structuring it with Schema

Imagine being a search engine crawler scanning down a 10,000-word article about how to bake a cake. How do you identify the author, recipe, ingredients, or steps required to bake a cake? This is where schema (Schema.org) markup comes in. It allows you to spoon-feed search engines more specific classifications for what type of information is on your page.

Schema is a way to label or organize your content so that search engines have a better understanding of what certain elements on your web pages are. This code provides structure to your data, which is why schema is often referred to as “structured data.” The process of structuring your data is often referred to as “markup” because you are marking up your content with organizational code.

JSON-LD is Google’s preferred schema markup (announced in May ‘16), which Bing also supports. To view a full list of the thousands of available schema markups, visit Schema.org or view the Google Developers Introduction to Structured Data for additional information on how to implement structured data. After you implement the structured data that best suits your web pages, you can test your markup with Google’s Structured Data Testing Tool.

In addition to helping bots like Google understand what a particular piece of content is about, schema markup can also enable special features to accompany your pages in the SERPs. These special features are referred to as "rich snippets," and you’ve probably seen them in action. They’re things like:

• Top Stories carousel
• Review stars
• Sitelinks search boxes
• Recipes

Remember, using structured data can help enable a rich snippet to be present, but does not guarantee it. Other types of rich snippets will likely be added in the future as the use of schema markup increases.

Some last words of advice for schema success:

• You can use multiple types of schema markup on a page. However, if you mark up one element, like a product for example, and there are other products listed on the page, you must also mark up those products.
• Don’t mark up content that is not visible to visitors and follow Google’s Quality Guidelines. For example, if you add review structured markup to a page, make sure those reviews are actually visible on that page.
• If you have duplicate pages, Google asks that you mark up each duplicate page with your structured markup, not just the canonical version.
• Provide original and updated (if applicable) content on your structured data pages.
• Structured markup should be an accurate reflection of your page.
• Try to use the most specific type of schema markup for your content.
• Marked-up reviews should not be written by the business. They should be genuine unpaid business reviews from actual customers.

Tell search engines about your preferred pages with canonicalization

When Google crawls the same content on different web pages, it sometimes doesn’t know which page to index in search results. This is why the tag was invented: to help search engines better index the preferred version of content and not all its duplicates.

The rel="canonical" tag allows you to tell search engines where the original, master version of a piece of content is located. You’re essentially saying, "Hey search engine! Don’t index this; index this source page instead." So, if you want to republish a piece of content, whether exactly or slightly modified, but don’t want to risk creating duplicate content, the canonical tag is here to save the day.

Proper canonicalization ensures that every unique piece of content on your website has only one URL. To prevent search engines from indexing multiple versions of a single page, Google recommends having a self-referencing canonical tag on every page on your site. Without a canonical tag telling Google which version of your web page is the preferred one, http://www.example.com could get indexed separately from http://example.com, creating duplicates.

"Avoid duplicate content" is an Internet truism, and for good reason! Google wants to reward sites with unique, valuable content — not content that’s taken from other sources and repeated across multiple pages. Because engines want to provide the best searcher experience, they will rarely show multiple versions of the same content, opting instead to show only the canonicalized version, or if a canonical tag does not exist, whichever version they deem most likely to be the original.

Pro tip: Distinguishing between content filtering & content penalties There is no such thing as a duplicate content penalty. However, you should try to keep duplicate content from causing indexing issues by using the rel="canonical" tag when possible. When duplicates of a page exist, Google will choose a canonical and filter the others out of search results. That doesn’t mean you’ve been penalized. It just means that Google only wants to show one version of your content.

It’s also very common for websites to have multiple duplicate pages due to sort and filter options. For example, on an e-commerce site, you might have what’s called a faceted navigation that allows visitors to narrow down products to find exactly what they’re looking for, such as a “sort by” feature that reorders results on the product category page from lowest to highest price. This could create a URL that looks something like this: example.com/mens-shirts?sort=price_ascending. Add in more sort/filter options like color, size, material, brand, etc. and just think about all the variations of your main product category page this would create!

To learn more about different types of duplicate content, this post by Dr. Pete helps distill the different nuances.

3. How users interact with websites

In Chapter 1, we said that despite SEO standing for search engine optimization, SEO is as much about people as it is about search engines themselves. That’s because search engines exist to serve searchers. This goal helps explain why Google’s algorithm rewards websites that provide the best possible experiences for searchers, and why some websites, despite having qualities like robust backlink profiles, might not perform well in search.

When we understand what makes their web browsing experience optimal, we can create those experiences for maximum search performance.

Ensuring a positive experience for your mobile visitors

Being that well over half of all web traffic today comes from mobile, it’s safe to say that your website should be accessible and easy to navigate for mobile visitors. In April 2015, Google rolled out an update to its algorithm that would promote mobile-friendly pages over non-mobile-friendly pages. So how can you ensure that your website is mobile friendly? Although there are three main ways to configure your website for mobile, Google recommends responsive web design.

Responsive design

Responsive websites are designed to fit the screen of whatever type of device your visitors are using. You can use CSS to make the web page "respond" to the device size. This is ideal because it prevents visitors from having to double-tap or pinch-and-zoom in order to view the content on your pages. Not sure if your web pages are mobile friendly? You can use Google’s mobile-friendly test to check!

AMP

AMP stands for Accelerated Mobile Pages, and it is used to deliver content to mobile visitors at speeds much greater than with non-AMP delivery. AMP is able to deliver content so fast because it delivers content from its cache servers (not the original site) and uses a special AMP version of HTML and JavaScript. Learn more about AMP.

Mobile-first indexing

As of 2018, Google started switching websites over to mobile-first indexing. That change sparked some confusion between mobile-friendliness and mobile-first, so it’s helpful to disambiguate. With mobile-first indexing, Google crawls and indexes the mobile version of your web pages. Making your website compatible to mobile screens is good for users and your performance in search, but mobile-first indexing happens independently of mobile-friendliness.

This has raised some concerns for websites that lack parity between mobile and desktop versions, such as showing different content, navigation, links, etc. on their mobile view. A mobile site with different links, for example, will alter the way in which Googlebot (mobile) crawls your site and sends link equity to your other pages.

Breaking up long content for easier digestion

When sites have very long pages, they have the option of breaking them up into multiple parts of a whole. This is called pagination and it’s similar to pages in a book. In order to avoid giving the visitor too much all at once, you can break up your single page into multiple parts. This can be great for visitors, especially on e-commerce sites where there are a lot of product results in a category, but there are some steps you should take to help Google understand the relationship between your paginated pages. It’s called rel="next" and rel="prev."

You can read more about pagination in Google’s official documentation, but the main takeaways are that:

• The first page in a sequence should only have rel="next" markup
• The last page in a sequence should only have rel="prev" markup
• Pages that have both a preceding and following page should have both rel="next" and rel="prev"
• Since each page in the sequence is unique, don’t canonicalize them to the first page in the sequence. Only use a canonical tag to point to a “view all” version of your content, if you have one.
• When Google sees a paginated sequence, it will typically consolidate the pages’ linking properties and send searchers to the first page

Pro tip: rel="next/prev" should still have anchor text and live within an <a> link This helps Google ensure that they pick up the rel="next/prev".

Improving page speed to mitigate visitor frustration

Google wants to serve content that loads lightning-fast for searchers. We’ve come to expect fast-loading results, and when we don’t get them, we’ll quickly bounce back to the SERP in search of a better, faster page. This is why page speed is a crucial aspect of on-site SEO. We can improve the speed of our web pages by taking advantage of tools like the ones we’ve mentioned below. Click on the links to learn more about each.

• Google's PageSpeed Insights tool & best practices documentation
• GTMetrix
• Google's Mobile Website Speed & Performance Tester
• Google Lighthouse

Images are one of the main culprits of slow pages!

As discussed in Chapter 4, images are one of the number-one reasons for slow-loading web pages! In addition to image compression, optimizing image alt text, choosing the right image format, and submitting image sitemaps, there are other technical ways to optimize the speed and way in which images are shown to your users. Some primary ways to improve image delivery are as follows:

SRCSET: How to deliver the best image size for each device

The SRCSET attribute allows you to have multiple versions of your image and then specify which version should be used in different situations. This piece of code is added to the <img> tag (where your image is located in the HTML) to provide unique images for specific-sized devices.

This is like the concept of responsive design that we discussed earlier, except for images!

This doesn’t just speed up your image load time, it’s also a unique way to enhance your on-page user experience by providing different and optimal images to different device types.

Pro tip: There are more than just three image size versions! It’s a common misconception that you just need a desktop, tablet, and mobile-sized version of your image. There are a huge variety of screen sizes and resolutions. Learn more about SRCSET.

Show visitors image loading is in progress with lazy loading

Lazy loading occurs when you go to a webpage and, instead of seeing a blank white space for where an image will be, a blurry lightweight version of the image or a colored box in its place appears while the surrounding text loads. After a few seconds, the image clearly loads in full resolution. The popular blogging platform Medium does this really well.

The low resolution version is initially loaded, and then the full high resolution version. This also helps to optimize your critical rendering path! So while all of your other page resources are being downloaded, you’re showing a low-resolution teaser image that helps tell users that things are happening/being loaded. For more information on how you should lazy load your images, check out Google’s Lazy Loading Guidance.

Improve speed by condensing and bundling your files

Page speed audits will often make recommendations such as “minify resource,” but what does that actually mean? Minification condenses a code file by removing things like line breaks and spaces, as well as abbreviating code variable names wherever possible.

“Bundling” is another common term you’ll hear in reference to improving page speed. The process of bundling combines a bunch of the same coding language files into one single file. For example, a bunch of JavaScript files could be put into one larger file to reduce the amount of JavaScript files for a browser.

By both minifying and bundling the files needed to construct your web page, you’ll speed up your website and reduce the number of your HTTP (file) requests.

Improving the experience for international audiences

Websites that target audiences from multiple countries should familiarize themselves with international SEO best practices in order to serve up the most relevant experiences. Without these optimizations, international visitors might have difficulty finding the version of your site that caters to them.

There are two main ways a website can be internationalized:

• Language
  Sites that target speakers of multiple languages are considered multilingual websites. These sites should add something called an hreflang tag to show Google that your page has copy for another language. Learn more about hreflang.
• Country
  Sites that target audiences in multiple countries are called multi-regional websites and they should choose a URL structure that makes it easy to target their domain or pages to specific countries. This can include the use of a country code top level domain (ccTLD) such as “.ca” for Canada, or a generic top-level domain (gTLD) with a country-specific subfolder such as “example.com/ca” for Canada. Learn more about locale-specific URLs.

---

You’ve researched, you’ve written, and you’ve optimized your website for search engines and user experience. The next piece of the SEO puzzle is a big one: establishing authority so that your pages will rank highly in search results.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

Faceted Navigation Intro - Whiteboard Friday

Posted by sergeystefoglo

The topic of faceted navigation is bound to come up at some point in your SEO career. It's a common solution to product filtering for e-commerce sites, but managing it on the SEO side can quickly spin out of control with the potential to cause indexing bloat and crawl errors. In this week's Whiteboard Friday, we welcome our friend Sergey Stefoglo to give us a quick refresher on just what faceted nav is and why it matters, then dive into a few key solutions that can help you tame it.

Click on the whiteboard image above to open a high-resolution version in a new tab!

Video Transcription

Hey, Moz fans. My name is Serge. I'm from Distilled. I work at the Seattle office as a consultant. For those of you that don't know about Distilled, we're a full-service digital marketing agency specializing in SEO, but have branched out since to work on all sorts of things like content, PR, and recently a split testing tool, ODN.

Today I'm here to talk to you guys about faceted navigation, just the basics. We have a few minutes today, so I'm just going to cover kind of the 101 version of this. But essentially we're going to go through what the definition is, why we should care as SEOs, why it's important, what are some options we have with this, and then also what a solution could look like.

1. What is faceted navigation?

For those that don't know, faceted navigation is essentially something like this, probably a lot nicer than this to be honest. But it's essentially a page that allows you to filter down or allows a user to filter down based on what they're looking for. So this is an example we have here of a list of products on a page that sells laptops, Apple laptops in this case.

Right here on the left side, in the green, we have a bunch of facets. Essentially, if you're a user and you're going in here, you could look at the size of the screen you might want. You could look at the price of the laptop, etc. That's what faceted navigation is. Previously, when I worked at my previous agency, I worked on a lot of local SEO things, not really e-commerce, big-scale websites, so I didn't run into this issue often. I actually didn't even know it was a thing until I started at Distilled. So this might be interesting for you even if it doesn't apply at the moment.

2. Why does faceted navigation matter?

Essentially, we should care as SEOs because this can get out of control really quickly. While being very useful to users, obviously it's helpful to be able to filter down to the specific thing you want. this could get kind of ridiculous for Googlebot.

Faceted navigation can result in indexing bloat and crawl issues

We've had clients at Distilled that come to us that are e-commerce brands that have millions of pages in the index being crawled that really shouldn't be. They don't bring any value to the site, any revenue, etc. The main reason we should care is because we want to avoid indexation bloat and kind of crawl errors or issues.

3. What options do we have when it comes to controlling which pages are indexed/crawled?

The third thing we'll talk about is what are some options we have in terms of controlling some of that, so controlling whether a page gets indexed or crawled, etc. I'm not going to get into the specifics of each of these today, but I have a blog post on this topic that we'll link to at the bottom.

The main, most common options that we have for controlling this kind of thing would be around no indexing a page and stopping Google from indexing it, using canonical tags to choose a page that's essentially the canonical version, using a disallow rule in robots.txt to stop Google from crawling a certain part of the site, or using the nofollow meta directive as well. Those are some of the most common options. Again, we're not going to go into the nitty-gritty of each one. They each have their kind of pros and cons, so you can research that for yourselves.

4. What could a solution look like?

So okay, we know all of this. What could be an ideal solution? Before I jump into this, I don't want you guys to run in to your bosses and say, "This is what we need to do."

Please, please do your research beforehand because it's going to vary a lot based on your site. Based on the dev resources you have, you might have to get scrappy with it. Also, do some keyword research mainly around the long tail. There are a lot of instances where you could and might want to have three or four facets indexed.

So again, a huge caveat: this isn't the end-all be-all solution. It's something that we've recommended at times, when appropriate, to clients. So let's jump into what an ideal solution, or not ideal solution, a possible solution could look like.

Category, subcategory, and sub-subcategory pages open to indexing and crawling

What we're looking at here is we're going to have our category, subcategory, and sub-subcategory pages open to indexation and open to being crawled. In our example here, that would be this page, so /computers/laptops/apple. Perfectly fine. People are probably searching for Apple laptops. In fact, I know they are.

Any pages with one or more facets selected = indexed, facet links get nofollowed

The second step here is any page that has one facet selected, so for example, if I was on this page and I wanted an Apple laptop with a solid state drive in it, I would select that from these options. Those are fine to be indexed. But any time you have one or more facets selected, we want to make sure to nofollow all of these internal links pointing to other facets, essentially to stop link equity from being wasted and to stop Google from wasting time crawling those pages.

Any pages with 2+ facets selected = noindex tag gets added

Then, past that point, if a user selects two or more facets, so if I was interested in an Apple laptop with a solid state hard drive that was in the $1,000 price range for example, the chances of there being a lot of search volume for an Apple laptop for $1,000 with a solid state drive is pretty low.

So what we want to do here is add a noindex tag to those two-plus facet options, and that will again help us control crawl bloat and indexation bloat.

Already set up faceted nav? Think about keyword search volume, then go back and whitelist

The final thing I want to mention here, I touched on it a little bit earlier. But essentially, if you're doing this after the fact, after the faceted navigation is already set up, which you probably are, it's worth, again, having a strong think about where there is keyword search volume. If you do this, it's worth also taking a look back a few months in to see the impact and also see if there's anything you might want to whitelist. There might be a certain set of facets that do have search volume, so you might want to throw them back into the index. It's worth taking a look at that.

That's what faceted navigation is as a quick intro. Thank you for watching. I'd be really interested to hear what you guys think in the comments. Again, like I said, there isn't a one-size-fits-all solution. So I'd be really interested to hear what's worked for you, or if you have any questions, please ask them below.

Thank you.

Video transcription by Speechpad.com

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

A Slice of MozCon Magic: The 2018 Video Bundle is HERE!

Posted by HayleyBowyer

Your tweets haven't gone unnoticed — we know the MozCon #FOMO is very real. Many of you would be there in a second if it weren’t for busy schedules and pesky back-to-back meetings. So, while you're hard at work, we’re here to make one thing easy: providing you with the insights you need whenever you need them.

Yes, that’s right — the MozCon 2018 Video Bundle is here and we can’t wait share it with you!

Ready to dive in? Feel free to skip straight to the fun part!

Buy the MozCon 2018 Video Bundle

Did you attend MozCon 2018? You’re in luck! The full video bundle is included with your ticket price. Check your inbox for an email with a link to exclusive video access. Can’t find it? Email us — we're happy to help!

If you weren’t able to make it, MozCon 2018 was awesome, to say the least. I’m not just saying that because I want to see you at MozCon 2019, but because, in just three short days, I witnessed magic happen.

No, not the kind you find at Disneyland (even though I firmly believe MozCon is Disneyland for marketers… but that’s another story), but the kind you find when you bring hundreds of people together from different walks of life, each with their own special talents, and watch them create one of the most thought-provoking, engaging, and inclusive communities I've ever seen. They fostered a wealth of knowledge and resources that left everyone with plenty of new ideas and answers to marketing’s most challenging questions. That, coupled with the impressive speaker line up and innovative topics, made 2018 one of the best MozCons to date. I am honored to have been a part of it.

Even our attendees thought so:

99.1% of attendees said they were either satisfied, very satisfied, or extremely satisfied with the conference overall.

And when it came to the topics, 77.8% said the topics were just the right amount of advanced — there was plenty to learn, but we weren’t too overwhelmed.

---

Here’s what Lily Ray, SEO Director at Path Interactive, had to say about MozCon 2018:

I’ve made MozCon an annual ritual. I leave each year feeling invigorated with new ideas, new skills, and a refreshed approach to client strategies. The information I’ve learned at MozCon has improved my abilities as an SEO and has led to better results for my clients.

---

I hope you experience a slice of MozCon magic with the MozCon 2018 Video Bundle. With it, you’ll gain access to 12 hours of content full of actionable tactics you can instantly put to work for you and your team. The sessions are sure to help energize your online marketing strategy.

What you’ll get:

For just $299, you can enjoy the full MozCon experience from the comfort of your home or office. The bundle includes:

• 26 full-length videos from some of the brightest minds in digital marketing
• Instant downloads and streaming to your computer, tablet, or mobile device
• Downloadable slide decks for presentations

Buy the MozCon 2018 Video Bundle

Not convinced yet? Watch a session now… for free!

To help you decide whether the video bundle is right for you, we're sharing one of our highest-rated sessions with you for free! In this session, Moz’s own marketing scientist and SEO extraordinaire Dr. Pete Meyers discusses mapping keywords to searcher intent and capitalizing on the promise of ranking to drive results that attract clicks and customers. Enjoy!

Ranking is a Promise: Can You Deliver? with Dr. Pete Meyers

Finally, a BIG thank you to the team who made MozCon and this video bundle possible. We love sharing all this knowledge and couldn’t do it without the support of our vendors, partners, and the entire MozCon team.

And to the community, we wish you happy learning and hope to see you at MozCon 2019!

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

Surprising SEO A/B Test Results - Whiteboard Friday

Posted by willcritchlow

You can make all the tweaks and changes in the world, but how do you know they're the best choice for the site you're working on? Without data to support your hypotheses, it's hard to say. In this week's edition of Whiteboard Friday, Will Critchlow explains a bit about what A/B testing for SEO entails and describes some of the surprising results he's seen that prove you can't always trust your instinct in our industry.

Click on the whiteboard image above to open a high-resolution version in a new tab!

Video Transcription

Hi, everyone. Welcome to another British Whiteboard Friday. My name is Will Critchlow. I'm the founder and CEO at Distilled. At Distilled, one of the things that we've been working on recently is building an SEO A/B testing platform. It's called the ODN, the Optimization Delivery Network. We're now deployed on a bunch of big sites, and we've been running these SEO A/B tests for a little while. I want to tell you about some of the surprising results that we've seen.

What is SEO A/B testing?

We're going to link to some resources that will show you more about what SEO A/B testing is. But very quickly, the general principle is that you take a site section, so a bunch of pages that have a similar structure and layout and template and so forth, and you split those pages into control and variant, so a group of A pages and a group of B pages.

Then you make the change that you're hypothesizing is going to make a difference just to one of those groups of pages, and you leave the other set unchanged. Then, using your analytics data, you build a forecast of what would have happened to the variant pages if you hadn't made any changes to them, and you compare what actually happens to the forecast. Out of that you get some statistical confidence intervals, and you get to say, yes, this is an uplift, or there was no difference, or no, this hurt the performance of your site.

This is data that we've never really had in SEO before, because this is very different to running a controlled experiment in a kind of lab environment or on a test domain. This is in the wild, on real, actual, live websites. So let's get to the material. The first surprising result I want to talk about is based off some of the most basic advice that you've ever seen.

Result #1: Targeting higher-volume keywords can actually result in traffic drops

I've stood on stage and given this advice. I have recommended this stuff to clients. Probably you have too. You know that process where you do some keyword research and you find that there's one particular way of searching for whatever it is that you offer that has more search volume than the way that you're talking about it on your website right now, so higher search volume for a particular way of phrasing?

You make the recommendation, "Let's talk about this stuff on our website the way that people are searching for it. Let's put this kind of phrasing in our title and elsewhere on our pages." I've made those recommendations. You've probably made those recommendations. They don't always work. We've seen a few times now actually of testing this kind of process and seeing what are actually dramatic drops.

We saw up to 20-plus-percent drops in organic traffic after updating meta information in titles and so forth to target the more commonly-searched-for variant. Various different reasons for this. Maybe you end up with a worse click-through rate from the search results. So maybe you rank where you used to, but get a worse click-through rate. Maybe you improve your ranking for the higher volume target term and you move up a little bit, but you move down for the other one and the new one is more competitive.

So yes, you've moved up a little bit, but you're still out of the running, and so it's a net loss. Or maybe you end up ranking for fewer variations of key phrases on these pages. However it happens, you can't be certain that just putting the higher-volume keyword phrasing on your pages is going to perform better. So that's surprising result number one. Surprising result number two is possibly not that surprising, but pretty important I think.

Result #2: 30–40% of common tech audit recommendations make no difference

So this is that we see as many as 30% or 40% of the common recommendations in a classic tech audit make no difference. You do all of this work auditing the website. You follow SEO best practices. You find a thing that, in theory, makes the website better. You go and make the change. You test it.

Nothing, flatlines. You get the same performance as the forecast, as if you had made no change. This is a big deal because it's making these kinds of recommendations that damages trust with engineers and product teams. You're constantly asking them to do stuff. They feel like it's pointless. They do all this stuff, and there's no difference. That is what burns authority with engineering teams too often.

This is one of the reasons why we built the platform is that we can then take our 20 recommendations and hypotheses, test them all, find the 5 or 6 that move the needle, only go to the engineering team to build those ones, and that builds so much trust and relationship over time, and they get to work on stuff that moves the needle on the product side.

So the big deal there is really be a bit skeptical about some of this stuff. The best practices, at the limit, probably make a difference. If everything else is equal and you make that one tiny, little tweak to the alt attribute or a particular image somewhere deep on the page, if everything else had been equal, maybe that would have made the difference.

But is it going to move you up in a competitive ranking environment? That's what we need to be skeptical about.

Result #3: Many lessons don't generalize

So surprising result number three is: How many lessons do not generalize? We've seen this broadly across different sections on the same website, even different industries. Some of this is about the competitive dynamics of the industry.

Some of it is probably just the complexity of the ranking algorithm these days. But we see this in particular with things like this. Who's seen SEO text on a category page? Those kind of you've got all of your products, and then somebody says, "You know what? We need 200 or 250 words that mention our key phrase a bunch of times down at the bottom of the page." Sometimes, helpfully, your engineers will even put this in an SEO-text div for you.

So we see this pretty often, and we've tested removing it. We said, "You know what? No users are looking at this. We know that overstuffing the keyword on the page can be a negative ranking signal. I wonder if we'll do better if we just cut that div." So we remove it, and the first time we did it, plus 6% result. This was a good thing.

The pages are better without it. They're now ranking better. We're getting better performance. So we say, "You know what? We've learnt this lesson. You should remove this really low-quality text from the bottom of your category pages." But then we tested it on another site, and we see there's a drop, a small one admittedly, but it was helping on these particular pages.

So I think what that's just telling us is we need to be testing these recommendations every time. We need to be trying to build testing into our core methodologies, and I think this trend is only going to increase and continue, because the more complex the ranking algorithms get, the more machine learning is baked into it and it's not as deterministic as it used to be, and the more competitive the markets get, so the narrower the gap between you and your competitors, the less stable all this stuff is, the smaller differences there will be, and the bigger opportunity there will be for something that works in one place to be null or negative in another.

So I hope I have inspired you to check out some SEO A/B testing. We're going to link to some of the resources that describe how you do it, how you can do it yourself, and how you can build a program around this as well as some other of our case studies and lessons that we've learnt. But I hope you enjoyed this journey on surprising results from SEO A/B tests.

Resources:

• SEO Split-Testing: How to A/B Test Changes for Google
• Do it Yourself SEO Split Testing Tool With Causal Impact
• Case studies:
  • SmokyMountains.com
  • iCanvas
  • ConcertHotels.com

Video transcription by Speechpad.com

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

The E-Commerce Benchmark KPI Study: The Most Valuable Online Consumer Trend of 2018 Revealed

Posted by Alan_Coleman

The latest Wolfgang E-Commerce Report is now live. This study gives a comprehensive view of the state of digital marketing in retail and travel, allowing digital marketers to benchmark their 2018 performance and plan their 2019 strategy.

The study analyzes over 250 million website sessions and more than €500 million in online revenue. Google Analytics, new Facebook Analytics reports, and online surveys are used to glean insights.

Revenue volume correlations

One of the unique features of the study is its conversion correlation. All website metrics featured in the study are correlated with conversion success to reveal what the most successful websites do differently.

This year we've uncovered our strongest success correlation ever at 0.67! Just to give that figure context: normally, 0.2 is worth talking about and 0.3 is noteworthy. Not only is this correlation with success very strong, the insight itself is highly actionable and can become a pillar of your digital marketing strategy.

These are the top factors that correlated with revenue volume. You can see the other correlations in the full study.

Click to see a bigger version

• Average pages per session (.37)
• Average session length (.49)
• Conversion rate by users (.41)
• Number of sessions per user (.67)
• Percentage of sessions from paid search (.25)

Average website engagement metrics

	Number of sessions per user	Average pages per session	Average session duration	Bounce rate	Average page load time	Average server response time
Retail	1.58	6	3min 18sec	38.04%	6.84	1.02
Multi-channel	1.51	6	3min 17sec	35.27%	6.83	1.08
Online-only	1.52	5	3min 14sec	43.80%	6.84	0.89
Travel	1.57	3	2min 34sec	44.14%	6.76	0.94
Overall	1.58	5	3min 1sec	41.26%	6.80	0.97

Above are the average website engagement metrics. You can see the average number of sessions per user is very low at 1.5 over 12 months. Anything a digital marketer can do to get this to 2, to 3, and to 4 makes for about the best digital marketing they can do.

At Wolfgang Digital, we’ve been witnessing this phenomenon at a micro-level for some time now. Many of our most successful campaigns of late have been focused on presenting the user with an evolving message which matures with each interaction across multiple media touchpoints.

Click through to the Wolfgang E-Commerce KPI Report in full to uncover dozens more insights, including:

• Is a social media engagement more valuable than a website visit?
• What's the true value of a share?
• What’s the average conversion rate for online-only vs multi-channel retailers?
• What’s the average order value for a hotel vs. tour operator?

Video Transcript

Today I want to talk to you about the most important online consumer trend in 2018. The story starts in a client meeting about four years ago, and we were meeting with a travel client. We got into a discussion about bounce rate and its implication on conversion rate. The client was asking us, "could we optimize our search and social campaigns to reduce bounce rate?", which is a perfectly valid question.

But we were wondering: Will we lower the rate of conversions? Are all bounces bad? As a result of this meeting, we said, "You know, we need a really scientific answer to that question about any of the website engagement metrics or any of the website channels and their influence on conversion." Out of that conversation, our E-Commerce KPI Report was born. We're now four years into it. (See previous years on the Moz Blog: 2015, 2016, 2017.)

The metric with the strongest correlation to conversions: Number of sessions per user

We've just released the 2019 E-Commerce KPI Report, and we have a standout finding, probably the strongest correlation we've ever seen between a website engagement metric and a website conversion metric. This is beautiful because we're all always optimizing for conversion metrics. But if you can isolate the engagement metrics which deliver, which are the money-making metrics, then you can be much more intelligent about how you create digital marketing campaigns.

The strongest correlation we've ever seen in this study is number of sessions per user, and the metric simply tells us on average how many times did your users visit your website. What we're learning here is any digital marketing you can do which makes that number increase is going to dramatically increase your conversions, your revenue success.

Change the focus of your campaigns

It's a beautiful metric to plan campaigns with because it changes the focus. We're not looking for a campaign that's a one-click wonder campaign. We're not looking for a campaign that it's one message delivered multiple times to the same user. Much more so, we're trying to create a journey, multiple touchpoints which deliver a user from their initial interaction through the purchase funnel, right through to conversion.

Create an itinerary of touchpoints along the searcher's journey

1. Research via Google

Let me give you an example. We started this with a story about a travel company. I'm just back from a swimming holiday in the west of Ireland. So let's say I have a fictional travel company. We'll call them Wolfgang Wild Swimming. I'm going to be a person who's researching a swimming holiday. So I'm going to go to Google first, and I'm going to search for swimming holidays in Ireland.

2. E-book download via remarketing

I'm going to go to the Wolfgang Wild Swimming web page, where I'm going to read a little bit about their offering. In doing that, I'm going to enter their Facebook audience. The next time I go to Facebook, they're now remarketing to me, and they'll be encouraging me to download their e-book, which is a guide to the best swimming spots in the wild west of Ireland. I'm going to volunteer my email to them to get access to the book. Then I'm going to spend a bit more time consuming their content and reading their book.

3. Email about a local offline event

A week later, I get an email from them, and they're having an event in my area. They're going for a swim in Dublin, one of my local spots in The Forty Foot, for example. I'm saying, "Well, I was going to go for a swim this weekend anyway. I might as well go with this group." I go to the swim where I can meet the tour guides. I can meet people who have been on it before. I'm now really close to making a purchase.

4. YouTube video content consumed via remarketing

Again, a week later, they have my email address, so they're targeting me on YouTube with videos of previous holidays. Now I'm watching video content. All of a sudden, Wolfgang Wild Swimming comes up. I'm now watching a video of a previous holiday, and I'm recognizing the instructors and the participants in the previous holidays. I'm really, really close to pressing Purchase on a holiday here. I'm on the phone to my friend saying, "I found the one. Let's book this."

Each interaction moves the consumer closer to purchase

I hope what you're seeing there is with each interaction, the Google search, the Facebook ad which led to an e-book download, the offline event, back online to the YouTube video, with each interaction I'm getting closer to the purchase.

You can imagine the conversion rate and the return on ad spend on each interaction increasing as we go. This is a really powerful message for us as digital marketers. When we're planning a campaign, we think about ourselves as though we're in the travel business too, and we're actually creating an itinerary. We're simply trying to create an itinerary of touchpoints that guide a searcher through awareness, interest, right through to action and making that purchase.

I think it's not just our study that tells us this is the truth. A lot of the best-performing campaigns we've been running we've seen this anecdotally, that every extra touchpoint increases the conversion rate. Really powerful insight, really useful for digital marketers when planning campaigns. This is just one of the many insights from our E-Commerce KPI Report. If you found that interesting, I'd urge you to go read the full report today.

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog

Spectator to Partner: Turn Your Clients into SEO Allies - Whiteboard Friday

Posted by KameronJenkins

Are your clients your allies in SEO, or are they passive spectators? Could they even be inadvertently working against you? A better understanding of expectations, goals, and strategy by everyone involved can improve your client relations, provide extra clarity, and reduce the number of times you're asked to "just SEO a site." In today's Whiteboard Friday, Kameron Jenkins outlines tactics you should know for getting clients and bosses excited about the SEO journey, as well as the risks involved in passivity.

Click on the whiteboard image above to open a high-resolution version in a new tab!

Video Transcription

Hey, everyone, and welcome to this week's edition of Whiteboard Friday. I am Kameron Jenkins, and I'm the SEO Wordsmith here at Moz. Today I'm going to be talking with you about how to turn your clients from spectators, passive spectators to someone who is proactively interested and an ally in your SEO journey.

So if you've ever heard someone come to you, maybe it's a client or maybe you're in-house and this is your boss saying this, and they say, "Just SEO my site," then this is definitely for you. A lot of times it can be really hard as an SEO to work on a site if you really aren't familiar with the business, what that client is doing, what they're all about, what their goals are. So I'm going to share with you some tactics for getting your clients and your boss excited about SEO and excited about the work that you're doing and some risks that can happen when you don't do that.

Tactics

So let's dive right in. All right, first we're going to talk about tactics.

1. Share news

The first tactic is to share news. In the SEO industry, things are changing all the time, so it's actually a really great tactic to keep yourself informed, but also to share that news with the client. So here's an example. Google My Business is now experimenting with a new video format for their post feature. So one thing that you can do is say, "Hey, client, I hear that Google is experimenting with this new format. They're using videos now. Would you like to try it?"

So that's really cool because it shows them that you're on top of things. It shows them that you're the expert and you're keeping your finger on the pulse of the industry. It also tells them that they're going to be a part of this new, cutting-edge technology, and that can get them really, really excited about the SEO work you're doing. So make sure to share news. I think that can be really, really valuable.

2. Outline your work

The next tip is to outline your work. This one seems really simple, but there is so much to say for telling a client what you're going to do, doing it, and then telling them that you did it. It's amazing what can happen when you just communicate with a client more. There have been plenty of situations where maybe I did less tangible work for a client one week, but because I talk to them more, they were more inclined to be happy with me and excited about the work I was doing.

It's also cool because when you tell a client ahead of time what you're going to do, it gives them time to get excited about, "Ooh, I can't wait to see what he or she is going to do next." So that's a really good tip for getting your clients excited about SEO.

3. Report results

Another thing is to report on your results. So, as SEOs, it can be really easy to say, hey, I added this page or I fixed these things or I updated this.

But if we detach it from the actual results, it doesn't really matter how much a client likes you or how much your boss likes you, there's always a risk that they could pull the plug on SEO because they just don't see the value that's coming from it. So that's an unfortunate reality, but there are tons of ways that you can show the value of SEO. One example is, "Hey, client, remember that page that we identified that was ranking on page two. We improved it. We made all of those updates we talked about, and now it's ranking on page one. So that's really exciting. We're seeing a lot of new traffic come from it.I'm wondering, are you seeing new calls, new leads, an uptick in any of those things as a result of that?"

So that's really good because it shows them what you did, the results from that, and then it kind of connects it to, "Hey, are you seeing any revenue, are you seeing new clients, new customers," things like that. So they're more inclined to see that what you're doing is making a real, tangible impact on actual revenue and their actual business goals.

4. Acknowledge and guide their ideas

This one is really, really important. It can be hard sometimes to marry best practices and customer service. So what I mean by that is there's one end of the pendulum where you are really focused on best practices. This is right. This is wrong. I know my SEO stuff. So when a client comes to you and they say, "Hey, can we try this?" and you go, "No, that's not best practices,"it can kind of shut them down. It doesn't get them involved in the SEO process. In fact, it just kind of makes them recoil and maybe they don't want to talk to you, and that's the exact opposite of what we want here. On the other end of that spectrum though, you have clients who say, "Hey, I really want to try this.I saw this article. I'm interested in this thing. Can you do it for my website?"

Maybe it's not the greatest idea SEO-wise. You're the SEO expert, and you see that and you go, "Mm, that's actually kind of scary. I don't think I want to do that." But because you're so focused on pleasing your client, you maybe do it anyway. So that's the opposite of what we want as well. We want to have a "no, but" mentality. So an example of that could be your client emails in and says, "Hey, I want to try this new thing."

You go, "Hey, I really like where your head is at. I like that you're thinking about things this way. I'm so glad you shared this with me. I tried this related thing before, and I think that would be actually a really good idea to employ on your website." So kind of shifting the conversation, but still bringing them along with you for that journey and guiding them to the correct conclusions. So that's another way to get them invested without shying them away from the SEO process.

Risks

So now that we've talked about those tactics, we're going to move on to the risks. These are things that could happen if you don't get your clients excited and invested in the SEO journey.

1. SEO becomes a checklist

When you don't know your client well enough to know what they're doing in the real world, what they're all about, the risk becomes you have to kind of just do site health stuff, so fiddling with meta tags, maybe you're changing some paragraphs around, maybe you're changing H1s, fixing 404s, things like that, things that are just objectively, "I can make this change, and I know it's good for site health."

But it's not proactive. It's not actually doing any SEO strategies. It's just cleanup work. If you just focus on cleanup work, that's really not an SEO strategy. That's just making sure your site isn't broken. As we all know, you need so much more than that to make sure that your client's site is ranking. So that's a risk.

If you don't know your clients, if they're not talking to you, or they're not excited about SEO, then really all you're left to do is fiddle with kind of technical stuff. As good as that can be to do, our jobs are way more fun than that. So communicate with your clients. Get them on board so that you can do proactive stuff and not just fiddling with little stuff.

2. SEO conflicts with business goals

So another risk is that SEO can conflict with business goals.

So say that you're an SEO. Your client is not talking to you. They're not really excited about stuff that you're doing. But you decide to move forward with proactive strategies anyway. So say I'm an SEO, and I identify this keyword. My client has this keyword. This is a related keyword. It can bring in a lot of good traffic. I've identified this good opportunity. All of the pages that are ranking on page one, they're not even that good. I could totally do better. So I'm going to proactively go, I'm going to build this page of content and put it on my client's site. Then what happens when they see that page of content and they go, "We don't even do that. We don't offer that product. We don't offer that service."

Oops. So that's really bad. What can happen is that, yes, you're being proactive, and that's great. But if you don't actually know what your client is doing, because they're not communicating with you, they're not really excited, you risk misaligning with their business goals and misrepresenting them. So that's a definite risk.

3. You miss out on PR opportunities

Another thing, you miss out on PR opportunities. So again, if your client is not talking to you, they're not excited enough to share what they're doing in the real world with you, you miss out on news like, "Hey, we're sponsoring this event,"or, "Hey, I was the featured expert on last night's news."

Those are all really, really good things that SEOs look for. We crave that information. We can totally use that to capitalize on it for SEO value. If we're not getting that from our clients, then we miss out on all those really, really cool PR opportunities. So a definite risk. We want those PR opportunities. We want to be able to use them.

4. Client controls the conversation

Next up, client controls the conversation. That's a definite risk that can happen. So if a client is not talking to you, a reason could be they don't really trust you yet. When they don't trust you, they tend to start to dictate. So maybe our client emails in.

A good example of this is, "Hey, add these 10 backlinks to my website." Or, "Hey, I need these five pages, and I need them now." Maybe they're not even actually bad suggestions. It's just the fact that the client is asking you to do that. So this is kind of tricky, because you want to communicate with your client. It's good that they're emailing in, but they're the ones at that point that are dictating the strategy. Whereas they should be communicating their vision, so hey, as a business owner, as a website owner, "This is my vision. This is my goal, and this is what I want."

As the SEO professional, you're receiving that information and taking it and making it into an SEO strategy that can actually be really, really beneficial for the client. So there's a huge difference between just being a task monkey and kind of transforming their vision into an SEO strategy that can really, really work for them. So that's a definite risk that can happen.

Excitement + partnership = better SEO campaigns

There's a lot of different things that can happen. These are just some examples of tactics that you can use and risks. If you have any examples of things that have worked for you in the past, I would love to hear about them. It's really good to information share. Success stories where maybe you got your client or your boss really bought into SEO, more so than just, "Hey, I'm spending money on it."

But, "Hey, I'm your partner in this. I'm your ally, and I'm going to give you all the information because I know that it's going to be mutually beneficial for us." So at the end here, excitement, partner, better SEO campaigns. This is going to be I believe a recipe for success to get your clients and your boss on board. Thanks again so much for watching this edition of Whiteboard Friday, and come back next week for another one.

Video transcription by Speechpad.com

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Source: Moz Blog