Sign Up For Newsletter
Rapbank

[rapbank]

steps

Twitter steps up enforcement in the face of coronavirus misinformation

This may be of some interest.

Twitter steps up enforcement in the face of coronavirus misinformation

Uploads%252fvideo uploaders%252fdistribution thumb%252fimage%252f94568%252fda650d29 d5c3 443e b561 b76b728d1586.png%252f930x520.png?signature=vwnhbazgbvbabettcy79m1huevc=&source=https%3a%2f%2fblueprint api production.s3.amazonaws Read more…

“player”:”description”:”We can overcome this!”,”image”:”https://mondrian.mashable.com/uploads%252Fvideo_uploaders%252Fdistribution_thumb%252Fimage%252F94568%252Fda650d29-d5c3-443e-b561-b76b728d1586.png%252F930x520.png?signature=vWnhbazgBvbabettcY79M1HUEVc=&source=https%3A%2F%2Fblueprint-api-production.s3.amazonaws.com”,”mediaid”:”3bokeD7Pn7″,”preload”:false,”title”:”Facebook, Google, and more join forces to fight misinformation about coronavirus”,”sources”:[“file”:”https://vdist.aws.mashable.com/cms/2020/3/0562bc5e-9e7d-3c2d/hls.m3u8″,”file”:”https://vdist.aws.mashable.com/cms/2020/3/0562bc5e-9e7d-3c2d/dash.mpd”,”file”:”https://vdist.aws.mashable.com/cms/2020/3/0562bc5e-9e7d-3c2d/mp4/1080.mp4″,”file”:”https://vdist.aws.mashable.com/cms/2020/3/0562bc5e-9e7d-3c2d/mp4/720.mp4″,”file”:”https://vdist.aws.mashable.com/cms/2020/3/0562bc5e-9e7d-3c2d/mp4/480.mp4″],”player_id”:”hrrl7x1B”,”options”:”disableAds”:false,”disableSharing”:false,”nextupAction”:”autoplay”,”embedUrl”:”https://mashable.com/videos/blueprint:3bokeD7Pn7/embed/?player=offsite”,”standaloneUrl”:null,”post”:”url”:”https://mashable.com/article/google-facebook-twitter-coronavirus-fake-news/”,”date”:”2020-03-17T08:28:27.019Z”,”bp_id”:112098,”wp_id”:null,”advertising”:”params”:”keywords”:”facebook,twitter,google,mashable-video,culture,coronavirus”,”sec0″:null,”sec1″:””,”prc”:””,”analytics”:”labels”:”facebook,twitter,google,mashable-video,culture,coronavirus”,”videoSeriesName”:null

More about Twitter, Social Media, Coronavirus, Covid 19, and Tech

Thank you for reading.

Mining Reddit for Content Ideas in 5 Steps – Whiteboard Friday

This may be of some interest.

Posted by DanielRussell

For marketers, Reddit is more than a tool to while away your lunch break. It’s a huge, thriving forum with subreddits devoted to almost any topic you can imagine — and exciting new content ideas lurk within threads, just waiting to be discovered. In this edition of Whiteboard Friday, Daniel Russell takes you through five simple steps to mine Reddit for content ideas bolstered by your target audience’s interest.

Video Transcription

Howdy, Moz fans. Welcome to another edition of Whiteboard Friday. My name is Daniel Russell. I’m from an agency called Go Fish Digital. Today we’re going to be talking about mining Reddit for content ideas.

Reddit, you’ve probably heard of it, but in case you haven’t, it’s one of the largest websites on the internet. It gets billions of views and clicks per year. People go there because it is a great source of content. It’s really entertaining. But it also means that it’s a great source of content for us as marketers. So today what we’re going to be talking about is two main groups here.

We’re going to first be talking about the features of Reddit, the different things that you can use on Reddit to find good content ideas. Then we’re going to be talking about five steps that you can take and apply today to start finding ideas for your company, for your clients and start getting that successful content. 

Features of Reddit

So first, Reddit as a breakdown here.

Subreddits

First, a big feature of Reddit is called subreddits. They’re essentially smaller forums within Reddit, a smaller forum within a forum dedicated to a particular topic. So there might be a forum dedicated to movies and discussing movies. There’s a forum dedicated to food and talking about different types of food, posting pictures of food, posting recipes.

There is a forum for just about everything under the sun. If you can think of it, it’s probably got a forum on Reddit. This is really valuable to us as marketers because it means that people are taking their interests and then putting it out there for us to see. So if we are trying to do work for a sports company or if we’re trying to do work for our company that’s dentistry or something like that, there is a subreddit dedicated to that topic, and we can go and find people that are interested in that, that are probably within our target markets.

Upvoting and downvoting

There’s upvoting and downvoting. Essentially what this is, is people post a piece of content to Reddit, and then other users decide if they like it or not. They upvote it or they downvote it. The stuff that is upvoted is usually the good stuff. People that are paying really close attention to Reddit are always upvoting and downvoting things. Then the things that get the most upvotes start rising to the top so that other people can see it.

It’s super valuable to us again because this helps verify ideas for us. This helps us see what’s working and what’s not. Before we even put pen to paper, before we even start designing everything, we can see what has been the most upvoted. The most upvoted stuff leads to the next big feature, which is rankings. The stuff that gets voted the most ends up ranking on the top of Reddit and becomes more visible.

It becomes easier for us to find as marketers, and luckily we can take a look at those rankings and see if any of that matches the content we’re trying to create. 

Comments

There’s the comments section. Essentially what this is, is for every post there’s a section dedicated to that post for comments, where people can comment on the post. They can comment on comments. It’s almost like a focus group.

It’s like a focus group without actually being there in person. You can see what people like, what people don’t like about the content, how they felt about it. Maybe they even have some content ideas of their own that they’re sharing in there. It’s an incredibly valuable place to be. We can take these different features and start digging in to find content ideas using these down here.

Reddit search & filters

Search bar

The search bar is a Reddit feature that works fairly well. It will probably yield mediocre results most of the time. But you can drill down a little further with that search bar using search parameters. These parameters are things like searching by author, searching by website.

Search parameters

There are a lot of different searches that you can use. There’s a full list of them on Reddit. But this essentially allows you to take that mediocre search bar and make it a little bit more powerful. If you want to look for sports content, you can look specifically at content posted from ESPN.com and see what has been the most upvoted there. 

Restrict results to subreddit

You can restrict your results to a particular subreddit. So if you’re trying to look for content around chicken dishes, you’re doing work for a restaurant and you’re trying to find what’s been the most upvoted content around chicken, you don’t want people calling each other chickens. So what you can do is restrict your search to a subreddit so that you actually get chicken the food rather than posts talking about that guy is a chicken.

Filter results

You can filter results. This essentially means that you can take all the results that you get from your search and then you can recategorize it based off of how many upvotes it’s gotten, how recently it was posted, how many comments it has. 

Filter subreddits

Then you can also filter subreddits themselves. So you can take subreddits, all the content that’s been posted there, and you can look at what’s been the most upvoted content for that subreddit.

What has been the most controversial content from that subreddit? What’s been the most upvoted? What’s been the most downvoted? These features make it a really user-friendly place in terms of finding really entertaining stuff. That’s why Reddit is often like a black hole of productivity. You can get lost down it and stay there for hours.

That works in our benefit as marketers. That means that we can go through, take these different features, apply them to our own marketing needs, and find those really good content ideas. 

5 steps to finding content ideas on Reddit

So for some examples here. There’s a set of key steps that you can use. I’m going to use some real-world examples, so some true-blue things that we’ve done for clients so that you can see how this actually works in real life.

1. Do a general search for your topic

The first step is to do a general search for your topic. So real-world example, we have a client that is in the transportation space. They work with shuttles, with limos, and with taxis. We wanted to create some content around limos. So the way we started in these key steps is we did a general search for limos.

Our search yielded some interesting things. We saw that a lot of people were posting pictures of stretch limos, of just wild limo interiors. But then we also saw a lot of people talking about presidential limos, the limos that the president rides in that have the bulletproof glass and everything. So we started noticing that, hey, there’s some good content here about limos. It kind of helped frame our brainstorming and our content mining. 

2. Find a subreddit that fits

The next step is to find a subreddit that fits that particular topic. Now there is a subreddit dedicated to limos. It’s not the most active. There wasn’t a ton of content there. So what we ended up doing was looking at more broad subreddits. We looked at like the cars subreddit.

There was a subreddit dedicated to guides and to breakdowns of different machines. So there were a lot of breakdowns, like cutaways of the presidential limos. So again, that was coming up. What we saw in the general search was coming up in our subreddit specific search. We were seeing presidential limos again.

3. Look at subreddit content from the past month

Step 3, look at that sub’s particular content from the past month. The subreddit, for example, that we were looking at was one dedicated to automobiles, as I had mentioned earlier. We looked at the top content from that past month, and we saw there was this really cool GIF that essentially took the Chevy logo back from like the ’30s and slowly morphed it over the years into the Chevy logo that we saw today.

We thought that was pretty cool. We started wondering if maybe we could apply that same kind of idea to our presidential limo finding that we were seeing earlier. 

4. Identify trends, patterns, and sticky ideas

Number 4 was to identify trends, patterns, and sticky ideas. Sticky ideas, it just means if you come across something and it just kind of sticks in your head, like it just kind of stays there, likely that will happen for your audience as well.

So if you come across anything that you find really interesting, that keeps sticking in your head or keeps popping up on Reddit, it keeps getting lots of upvotes, identify that idea because it’s going to be valuable. So for us, we started identifying ideas like morphing GIFs, the Chevy logo morphing over time. We started identifying ideas like presidential limos. People really like talking about it.

5. Polish, improve, and up-level the ideas you’ve found

That led us to use Step Number 5, which is to take those ideas that we were finding, polish them, improve them, one up it, take it to the next level, and then create some content around that and promote it. So what we did was we took those two ideas, we took presidential limos and the whole morphing GIF idea over time, and we combined them.



We found images of all of the presidential limos since like the ’50s. Then we took each of those presidential limos and we created a morphing GIF out of them, so that you started with the old presidential limos, which really weren’t really secure. They were convertibles. They were normal cars. Then that slowly morphed up to the massive tanks that we have today. It was a huge success.

It was just a GIF. But that idea had been validated because we were looking at what was the most upvoted, what was the most downvoted, what was ranked, what wasn’t ranked, and we saw some ideas that we could take, one up, and polish. So we created this morphing presidential limo, and it did really well.

It got coverage in a lot of major news networks. ABC News picked it up. CBS talked about it. It even got posted to Reddit later and performed really well on Reddit. It was all because we were able to take these features, mine down, drill down, find those good content ideas, and then polish it and make it our own. 

I’m really interested to hear if you’ve tried this before. Maybe you’ve seen some really good ideas that you’d like to try out on Reddit.

Do you have like a favorite search function that you use on Reddit? Do you like to filter by the past year? Do you like a particular subreddit? Let me know down in the comments. Good luck mining ideas. I know it will work for you. Have a great day.

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!

Thank you for reading.

How to Make a QR Code in 8 Easy Steps

This may be of some interest.

“Really? We’re talking about QR codes?”

Fair reaction. For several years now, QR codes have been at the center of the popular “___ is dead” trope we marketers love to argue when talking technology. We’ve even debated it ourselves on this blog.

But if there’s one thing the QR code debate shows you, it’s that there sure isn’t a consensus — the efficacy of QR codes still hotly contested.

Nonetheless, there’s no denying the popularity and convenience of the QR code. Keep reading to learn how to create your own QR code, and how you can encourage your customers to scan them when they come across your content.

What Is a QR Code?

QR codes, short for “quick response” codes, are square-shaped black-and-white symbols that people can scan using a smartphone to learn more about a product.

These encrypted squares can hold links, coupons, event details, and other information that users might want to take with them for referring to later.

QR codes usually look something like this:

qr-code

Although not every QR code is shaped like a perfect square, they’re most often found looking like the image above — with varying patterns displayed inside. You’ll often find them on direct mail, signage, billboards, and even commercials where you can quickly scan the code on the screen using your phone.

QR Codes vs. Barcodes

Does the rise of QR codes mean traditional barcodes are a thing of the past? Of course not. Traditional barcodes are still a common way for businesses to identify consumer packaged goods (CPGs) and manage their product inventory. 

        Barcode example             QR code example

Images via Wikimedia Commons | Wikimedia Commons

However, there are a number of differences between barcodes and QR codes — both in their uses and their characteristics. Here are three important differences:

QR Codes Are Shaped Differently

Barcodes are typically rectangular in shape, requiring scanning devices to read the barcode’s data horizontally. QR codes are often square-shaped, displaying their data vertically or horizontally. 

QR Codes Hold More Data

Due to a QR code’s square shape, it can hold much more data than a barcode. In fact, QR codes can hold hundreds of times more encrypted characters than a barcode.

QR Codes Hold Different Data

QR codes are often used differently than barcodes. Barcodes hold key product information at the point of sale, such as the price and name of the manufacturer. QR codes offer more passive and intangible information, such as location data and URLs to promotions and product landing pages.

How Do QR Codes Work?

Originally designed in Japan for the automotive industry, marketers adopted the barcodes because of their large storage capacity and ability to translate additional information to consumers beyond what creative and/or packaging could convey.

If a consumer sees a QR code somewhere, they can take out their mobile device, download a free QR code scanning app, and “scan” the barcode to gain access to additional information, like so:

Person scanning QR code with a scanning mobile app

So if you wanted to create, say, a bus stop advertisement promoting your podcast, you could display a QR code on that printed ad that brings people right to your iTunes page when they scan it with their phones. Pretty simple, right?

How to Make a QR Code

The QR code creation process is pretty straightforward. Here’s how to get started.

Step 1: Select a QR code generator.

There are tons of QR code generators out there. The best ones give you many options for using your QR code, and compatibility with most mobile QR code reader apps.

Other things to look for when choosing a QR code generator are whether you can track and analyze performance, and if it allows you to design a code that’s unique to your brand.

Some QR codes, for example, display logos and other icons within the code that immediately tell people what information they’ll get from scanning it.

Step 2: Choose the type of content you’re promoting.

Let’s select one of the QR code generators above and do a walk-through together. I’ll select qr-code-generator.com, one of the eight preferred QR code generators above.

First, select what type of content you want your QR code to show the person after they scan it. You can choose from one of 10 types, as shown in the screenshot below. For our purposes, we’ll promote a URL that directs users to our podcast.

Icons detailing types of content a QR code generator can promote

Step 3: Enter your data in the form that appears.

Once you select the type of content you’re promoting with this QR code, a field or form will appear where you can enter the information that corresponds with your campaign.

If you want your QR code to save contact information, for example, you’ll see a set of fields where you can enter your email address, subject line, and associated message.

To save a link to our podcast, we’ll simply enter the URL in the field that appears, like so:

QR code URL form

Step 4: Consider downloading a dynamic QR code.

See the option below for “dynamic”? One significant pitfall to making a QR code is that you can’t edit the data it contains once you print it. But with dynamic QR codes, you can edit this data. 

Dynamic QR code generator

With a free membership to QR code generators like qr-code-generator.com, you can print a dynamic QR code, scan it, and pull up an editable form where you can modify the data your visitors will receive when they scan the QR code themselves.

Step 5. Customize it.

The fun part of creating QR codes is customizing the design of the codes to your brand. Want your code to look like your logo? Go for it. Want it to reflect your website’s design scheme? No problem.

Using qr-code-generator.com, we can customize our QR code by clicking the button to the top-right, as shown in the screenshot below. Keep in mind not every QR code maker offers this design option — depending on the QR code you’re looking to generate, you might find some tools limited in their functionality.

Customize your QR code with a logo

Of course, you can customize your QR code further — adjusting the colors, adding a logo, creating social options, and more. 

Keep in mind, however, that some customizations can make it more difficult for QR code scanning apps to properly read the code. It’s a good idea to generate two versions of your QR code — one plain version and another with your preferred design.

Step 6: Test the QR code to make sure it scans.

Because a customized QR code can make it difficult for some mobile apps to “read,” don’t forget to check to see if the QR code reads correctly, and be sure to try more than just one reader. A good place to start is the free tool Google Goggles, which takes a picture and then tells you what link or item it “reads to.”

Another great free tool is QR Code Reader, which automatically takes you to whatever it “reads.” Apple’s Passbook also offers a built-in QR code reader on iOS 7, so you should test to make sure your code is readable there, as well.

Step 7: Share and distribute the QR code.

A QR code won’t be able to do its job unless its seen. So make sure you come up with a distribution plan for sharing the code. This could include displaying it on social media, in print ads, on clothing, or in physical locations where people will pick up there phones to scan it. 

Along with sharing the code, you might also want to include text instructions in your various promotions that show less tech-savvy people how to scan it. This way there’s no friction if people want to scan the code but don’t know how to. 

Scroll down for more tips on properly displaying a QR code.

Step 8: Track and analyze performance.

Just like any marketing campaign, you should follow up on any collateral or campaigns using QR codes to see whether they’re actually working. How much traffic comes from each specific code? Are people scanning your code but not redeeming their offer once they get to the landing page? Or are they not even compelled enough to scan your QR code?

Knowing this will help you troubleshoot and adjust your poorly performing QR codes to more closely mirror those that work well. I recommend you include a UTM tracking code on your URL so you can better measure performance — this is particularly important if you use closed-loop marketing analytics, and are used to more in-depth reporting on your campaigns.

How to Use QR Codes (And How Not to)

Now that you see how simple the QR code creation process can be, let’s talk about some best practices that’ll help increase the likelihood your QR code actually gets used.

Display your QR code where it’s convenient for people to scan.

Put QR codes in places where scanning is easy, and there’s enough time for the consumer to actually scan the code. While you may often see QR codes on billboards and TV commercials, they’re not exactly the most user-friendly locations. Think of places and mediums where consumers have the time to scan the code, and, ideally, a Wi-Fi connection as well.

Optimize the QR’s destination page for mobile devices.

Mobile-optimize the page to which you’re sending people. Consumers will be on their phone when scanning the QR code, so they should be brought to a page with a positive mobile experience.

Include a CTA that prompts people to scan your QR code.

Offer a call-to-action (CTA) with the code — that is to say, tell people what they’re supposed to do when they see the code, and what they’ll receive if they do it. Not everyone knows exactly what a QR code is, and those that do won’t be motivated to scan it unless they’re sure there’s something worthwhile on the other side. 

Don’t limit your QR code to one mobile scanner.

Don’t require a special QR code scanner. Your QR code should be app-agnostic so anyone can scan your code with any reader. A lower barrier to entry makes success more likely for you and the user. 

Use your QR code to make someone’s life easier.

Don’t use a QR code just for the sake of using one. For instance, it’s common for marketers to think, “How can I bridge the offline experience with the online experience? Uhhh … QR code!” That’s not wrong … but it’s not always right, either.

If you have content that makes sense to deliver to a mobile user, and you have an appropriate channel to do it (see use #1 at the beginning of this section), it’s more likely your QR code will drive results. For example, in South Korea, grocery store chain Tesco drove tremendous national business growth by using QR codes in subway stations (I guess they have mobile service in their subway stations) to let riders order their groceries while they wait. It’s a great example of using QR codes for the right end-goal, at the right place and time. 

This article from Search Engine Journal has some more examples of good times to use QR codes, as well

If after reading this you’re not convinced QR codes are the right move — or you just want some additional ways you can connect the offline world to the online world — consider also adding a short, memorable URL people can type in easily on their mobile phones in your creative. 

The future of QR codes could also mean an evolution — augmented reality apps certainly stem from the same concept, after all. Consider the AR News App, which lets readers augment a newspaper story into a child-friendly article by downloading an app and hovering over stories with a special marker (sounds pretty close to a QR scanner, doesn’t it?).

It may be that QR codes aren’t quite dead, but just the first step in a long evolution.

 

Thank you for reading.

How to Diagnose and Solve JavaScript SEO Issues in 6 Steps

This may be of some interest.

Posted by tomek_rudzki

It’s rather common for companies to build their websites using modern JavaScript frameworks and libraries like React, Angular, or Vue. It’s obvious by now that the web has moved away from plain HTML and has entered the era of JS.

While there is nothing unusual with a business willing to take advantage of the latest technologies, we need to address the stark reality of this trend: Most of the migrations to JavaScript frameworks aren’t being planned with users or organic traffic in mind.

Let’s call it the JavaScript Paradox:

  1. The big brands jump on the JavaScript hype train after hearing all the buzz about JavaScript frameworks creating amazing UXs.
  2. Reality reveals that JavaScript frameworks are really complex.
  3. The big brands completely butcher the migrations to JavaScript. They lose organic traffic and often have to cut corners rather than creating this amazing UX journey for their users (I will mention some examples in this article).

Since there’s no turning back, SEOs need to learn how to deal with JavaScript websites.

But that’s easier said than done because making JavaScript websites successful in search engines is a real challenge both for developers and SEOs.

This article is meant to be a follow-up to my comprehensive Ultimate Guide to JavaScript SEO, and it’s intended to be as easy to follow as possible. So, grab yourself a cup of coffee and let’s have some fun — here are six steps to help you diagnose and solve JavaScript SEO issues.

Step 1: Use the URL inspection tool to see if Google can render your content

The URL inspection tool (formerly Google Fetch and Render) is a great free tool that allows you to check if Google can properly render your pages.

The URL inspection tool requires you to have your website connected to Google Search Console. If you don’t have an account yet, check Google’s Help pages.

Open Google Search Console, then click on the URL inspection button.


In the URL form field, type the full URL of a page you want to audit.

Then click on TEST LIVE URL.

Once the test is done, click on VIEW TESTED PAGE.

And finally, click on the Screenshot tab to view the rendered page.

Scroll down the screenshot to make sure your web page is rendered properly. Ask yourself the following questions:

  • Is the main content visible?
  • Can Google see the user-generated comments?
  • Can Google access areas like similar articles and products?
  • Can Google see other crucial elements of your page?

Why does the screenshot look different than what I see in my browser? Here are some possible reasons:

Step 2: Make sure you didn’t block JavaScript files by mistake

If Google cannot render your page properly, you should make sure you didn’t block important JavaScript files for Googlebot in robots.txt

TL;DR: What is robots.txt?

It’s a plain text file that instructs Googlebot or any other search engine bot if they are allowed to request a page/resource.

Fortunately, the URL Inspection tool points out all the resources of a rendered page that are blocked by robots.txt.

But how can you tell if a blocked resource is important from the rendering point of view?

You have two options: Basic and Advanced.

Basic

In most cases, it may be a good idea to simply ask your developers about it. They created your website, so they should know it well.

Obviously, if the name of a script is called content.js or productListing.js, it’s probably relevant and shouldn’t be blocked.

Unfortunately, as for now, URL Inspection doesn’t inform you about the severity of a blocked JS file. The previous Google Fetch and Render had such an option:

Advanced

Now, we can use Chrome Developer Tools for that.

For educational purposes, we will be checking the following URL: http://botbenchmarking.com/youshallnotpass.html

Open the page in the most recent version of Chrome and go to Chrome Developers Tools. Then move to the Network tab and refresh the page.

Finally, select the desired resource (in our case it’s YouShallNotPass.js), right-click, and choose Block request URL.

Refresh the page and see if any important content disappeared. If so, then you should think about deleting the corresponding rule from your robots.txt file.

Step 3: Use the URL Inspection tool for fixing JavaScript errors

If you see Google Fetch and Render isn’t rendering your page properly, it may be due to the JavaScript errors that occurred while rendering.

To diagnose it, in the URL Inspection tool click on the More info tab.

Then, show these errors to your developers to let them fix it.

Just ONE error in the JavaScript code can stop rendering for Google, which in turn makes your website not indexable.

Your website may work fine in most recent browsers, but if it crashes in older browsers (Google Web Rendering Service is based on Chrome 41), your Google rankings may drop.

Need some examples?

  • A single error in the official Angular documentation caused Google to be unable to render our test Angular website.
  • Once upon a time, Google deindexed some pages of Angular.io, an official website of Angular 2+.

If you want to know why it happened, read my Ultimate Guide to JavaScript SEO.

Side note: If for some reason you don’t want to use the URL Inspection tool for debugging JavaScript errors, you can use Chrome 41 instead.

Personally, I prefer using Chrome 41 for debugging purposes, because it’s more universal and offers more flexibility. However, the URL Inspection tool is more accurate in simulating the Google Web Rendering Service, which is why I recommend that for people who are new to JavaScript SEO.

Step 4: Check if your content has been indexed in Google

It’s not enough to just see if Google can render your website properly. You have to make sure Google has properly indexed your content. The best option for this is to use the site: command.

It’s a very simple and very powerful tool. Its syntax is pretty straightforward: site:[URL of a website] “[fragment to be searched]”. Just take caution that you didn’t put the space between site: and the URL.

Let’s assume you want to check if Google indexed the following text “Develop across all platforms” which is featured on the homepage of Angular.io.

Type the following command in Google: site:angular.io “DEVELOP ACROSS ALL PLATFORMS”

As you can see, Google indexed that content, which is what you want, but that’s not always the case.

Takeaway:

  • Use the site: command whenever possible.
  • Check different page templates to make sure your entire website works fine. Don’t stop at one page!

If you’re fine, go to the next step. If that’s not the case, there may be a couple of reasons why this is happening:

  • Google still didn’t render your content. It should happen up to a few days/weeks after Google visited the URL. If the characteristics of your website require your content to be indexed as fast as possible, implement SSR.
  • Google encountered timeouts while rendering a page. Are your scripts fast? Do they remain responsive when the server load is high?
  • Google is still requesting old JS files. Well, Google tries to cache a lot to save their computing power. So, CSS and JS files may be cached aggressively. If you can see that you fixed all the JavaScript errors and Google still cannot render your website properly, it may be because Google uses old, cached JS and CSS files. To work around it, you can embed a version number in the filename, for example, name it bundle3424323.js. You can read more in Google Guides on HTTP Caching.
  • While indexing, Google may not fetch some resources if it decides that they don’t contribute to the essential page content.

Step 5: Make sure Google can discover your internal links

There are a few simple rules you should follow:

  1. Google needs proper <a href> links to discover the URLs on your website.
  2. If your links are added to the DOM only when somebody clicks on a button, Google won’t see it.

As simple as that is, plenty of big companies make these mistakes.

Proper link structure

Googlebot, in order to crawl a website, needs to have traditional “href” links. If it’s not provided, many of your webpages will simply be unreachable for Googlebot!

I think it was explained well by Tom Greenway (a Google representative) during the Google I/O conference:

Please note: if you have proper <a href> links, with some additional parameters, like onClick, data-url, ng-href, that’s still fine for Google.

A common mistake made by developers: Googlebot can’t access the second and subsequent pages of pagination

Not letting Googlebot discover pages from the second page of pagination and beyond is a common mistake that developers make.

When you open the mobile versions for Gearbest, Aliexpress and IKEA, you will quickly notice that, in fact, they don’t let Googlebot see the pagination links, which is really weird. When Google enables mobile-first indexing for these websites, these websites will suffer.

How do you check it on your own?

If you haven’t already downloaded Chrome 41, get it from Ele.ph/chrome41.

Then navigate to any page. For the sake of the tutorial, I’m using the mobile version of AliExpress.com. For educational purposes, it’s good if you follow the same example.

Open the mobile version of the Mobile Phones category of Aliexpress.

Then, right-click on View More and select the inspect button to see how it’s implemented.

As you can see, there are no <a href>, nor <link rel> links pointing to the second page of pagination.

There are over 2,000 products in the mobile phone category on Aliexpress.com. Since mobile Googlebot is able to access only 20 of them, that’s just 1 percent!

That means 99 percent of the products from that category are invisible for mobile Googlebot! That’s crazy!

These errors are caused by the wrong implementation of lazy loading. There are many other websites that make similar mistakes. You can read more in my article “Popular Websites that May Fail in Mobile First Indexing”.

TL;DR: using link rel=”next” alone is too weak a signal for Google

Note: it’s common to use “link rel=”next’ to indicate pagination series. However, the discoveries from Kyle Blanchette seem to show that “link rel=”next” alone is too weak a signal for Google and should be strengthened by the traditional <a href> links.

John Mueller discussed this more:

“We can understand which pages belong together with rel next, rel=”previous”, but if there are no links on the page at all, then it’s really hard for us to crawl from page to page. (…) So using the rel=”next” rel=”previous” in the head of a page is a great idea to tell us how these pages are connected, but you really need to have on-page, normal HTML links.

Don’t get me wrong — there is nothing wrong with using <link rel=”next”>. On the contrary, they are beneficial, but it’s good to combine these tags with traditional <a href> links.

Checking if Google can see menu links

Another important step in auditing a JavaScript website is to make sure Google can see your menu links. To check this, use Chrome 41.

For the purpose of the tutorial, we will use the case of Target.com:

To start, open any browser and pick some links from the menu:

Next, open Chrome 41. In the Chrome Developer Tools (click Ctrl + Shift + J),  navigate to the elements tab.

The results? Fortunately enough, Google can pick up the menu links of Target.com.

Now, check if Google can pick up the menu links on your website and see if you’re on target too.

Step 6: Checking if Google can discover content hidden under tabs

I have often observed that in the case of many e-commerce stores, Google cannot discover and index their content that is hidden under tabs (product descriptions, opinions, related products, etc). I know it’s weird, but it’s so common.

It’s a crucial part of every SEO audit to make sure Google can see content hidden under tabs.

Open Chrome 41 and navigate to any product on Boohoo.com; for instance, Muscle Fit Vest.

Click on Details & Care to see the product description:

“DETAILS & CARE

94% Cotton 6% Elastane. Muscle Fit Vest. Model is 6’1″ and Wears UK Size M.“

Now, it’s time to check if it’s in the DOM. To do so, go to Chrome Developers Tools (Ctrl + Shift + J) and click on the Network tab.

Make sure the disable cache option is enabled.

Click F5 to refresh the page. Once refreshed, navigate to the Elements tab and search for a product description:

As you can see, in the case of boohoo.com, Google is able to see the product description.

Perfect! Now take the time and check if your website is fine.

Wrapping up

Obviously, JavaScript SEO is a pretty complex subject, but I hope this tutorial was helpful.

If you are still struggling with Google ranking, you might want to think about implementing dynamic rendering or hybrid rendering. And, of course, feel free to reach out to me on Twitter about this or other SEO needs.

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!

Thank you for reading.