14 Amazing Free Chrome Extensions For SEO

Every SEO tool is different, and that includes all the SEO extensions for Chrome. Some have better keyword data, others have better link data, and others give better technical suggestions. I could go on.

In other words, there is no perfect tool, and I really mean that, even though I created Ubersuggest for you.

Plus, paying for a handful of SEO tools is often expensive and unrealistic, but don’t worry because today, I’m about to make your life a bit easier. Here are 14 free chrome extensions for SEO that may help give your site a boost in the SERPs and increase your online visibility.

The best thing about this list? When you combine them, you can tailor the extensions to suit your needs, or combine them all, and you’ve got just about everything you need.

Ready? Here goes.

Extension #1: Ubersuggest

Ubersuggest’s Chrome extension lets you view keyword data right from Google search results.

Ubersuggest's SEO Chrome extension tool.

It also shows you related keywords and their information without ever leaving the SERPs. You can export the data to CSV or click on any of the information headings under “People also search for…” It then takes you to the Ubersuggest dashboard for your chosen keyword.

This information makes it easy to run keyword research at-a-glance automatically from the SERPs.

Extension #2: Moz

Ever wonder what domain authority means? Well, it’s a metric created by Moz. Generally speaking, the higher your domain authority, the higher your rankings are.

Moz created a Chrome extension called MozBar that tells you the domain and page authority for any page on the web.

Moz's SEO Chrome extension tool.

This extension is handy when you are browsing the internet and researching any potential competitors, as it quickly shows you how you stack up to them.

Additionally, as you go through your rival’s site, you can easily spot their most authoritative pages that need analyzing.

Extension #3: Similar Web

On the web, popularity is everything. We all want more traffic because that means more leads, and although more traffic doesn’t always mean more revenue, it almost always does.

Out of all the available tools, I’ve found that Similar Web gives the most accurate traffic estimations compared to anyone else.

Now, with the Similar Web extension, you can get traffic data without returning to their site.

Similar Web's SEO Chrome extension tool visits over time stats.

The first thing you can see with this extension is traffic data for the last 6 months. It even breaks down the bounce rate, average pages per visit, and visit duration.

Additionally, as you scroll down, you can see what countries the visitors are coming from, making it easier to target your audience by geographical location.

Similar Web's SEO Chrome extension tool geography stats.

Last but not least, it shows you the traffic makeup for each site, too. Is the traffic coming from search engines, social media, referral sources, or even direct traffic to the site? The more you know about your traffic sources, the better you can refine your content/marketing strategy.

Similar Web's SEO Chrome extension tool marketing mix stats.

Extension #4: Redirect Path

Redirect Path isn’t as well-known of an extension, but when you are doing technical SEO, it is a must.

As time goes on, your URLs change. Whether that is from a new structure or if you are deleting old content and consolidating your pages, this extension tells you when something goes wrong.

Through Redirect Path, you can quickly see if a redirect is broken or working correctly.

Redirect Path's SEO Chrome extension tool.

Extension #5: Buzzsumo

While surfing the web, you’ll naturally read some articles, including from your competitors. By using the Buzzsumo extension, you can see how many social shares a given article has and its backlinks.

Buzzsumo's SEO Chrome extension tool.

You can even see the most popular articles from that website based on social sharing and backlink count.

This gives you a good idea about the type of content you need to start producing.

Extension #6: Meta SEO Inspector

Errors can really kill your traffic.

The smallest things like your meta tags can have a big impact on your rankings, so you need to ensure you’ve fully optimized them.

By using Meta SEO Inspector, you can quickly spot if you’ve set up your meta tags correctly.

Meta SEO Inspector's SEO Chrome extension tool.

As you can see from the screenshot above, it reports errors.

With that example, I quickly learned that one of my pages doesn’t have an open graph meta tag. That means when people share the page on the social web, it may not show up correctly, limiting my social media traffic.

Extension #7: Check My Links

Similar to the Redirect Path extension, if you spend a lot of time doing technical SEO and analyzing your competition, the more link data you have, the better.

Let me explain why this tool is so valuable: external links aren’t the only ones that help boost your rankings; knowing your data on internal links is vital, too.

Check My Links gives you all the internal link numbers you need when browsing any page on your site (or your competition’s).

Check My Link's SEO Chrome extension tool.

Not only do you get an overview, but you can also view details on the whole page as this extension highlights each link.

Check My Link's SEO Chrome extension tool highlighting links in a post.

Extension #8: Pagespeed Insights

Load time doesn’t just impact conversions; it also affects your rankings. If your website loads slowly, your prospects won’t wait around. Research from Digital.com shows that 53 percent of web users expect e-commerce websites to load within three seconds.

The study also illustrates how 39 percent of consumers think a website should load within two-three seconds, while 14 percent say they want websites to load in just one second!

Website loading times are all the more important for mobile search users, and there are plenty of them out there, with an estimated 211 million in the United States alone.

Through the Pagespeed Insights extension, you can quickly identify what you need to improve your load time on any website page.

For further information, just click ‘need more,’ and it takes you to a detailed report for more in-depth analysis, like this:

Pagespeed Insight's SEO Chrome extension tool.

When you find many errors, you’ll want to fix them as, over time, it will boost your rankings, which is where the next Chrome extension for SEO comes in.

Extension #9: SEO Minion

SEO is all about the long game.

If you just spend 10 minutes a day making improvements, it can have a huge impact on your traffic a year down the road. However, if you want an easy way to approach this task, our next SEO Chrome extension, SEO Minion, is for you.

SEO Minion's SEO Chrome extension tool.

One task that I have my team constantly look at through SEO Minion is broken links.

In addition, you can use it to find broken links on other websites, which comes with a bonus: if link building is a priority, then hit them up to replace the broken link with one from your site.

SEO Minion's SEO Chrome extension tool link report.

Another way to grow your SEO traffic is by translating your content into other languages.

This extension also breaks down hreflang data, which is needed when you are targeting other regions and languages.

SEO Minion's SEO Chrome extension tool Hfreflang Checker.

This is a great way to profile your on-page SEO.

SEO Minion's SEO Chrome extension Analyze on page tool.

Extension #10: SEOquake

Need a simple way to get an extensive overview of your website? SEOquake can help you out.

SEO Chrome extension provides a comprehensive overview of things like your Alexa rank, indexing information for Google, Bing, and your SEMrush rank.

SEOquake's SEO Chrome extension tool.

From there, you can dive into specific reports such as a density or diagnosis report.

The density report breaks down the keyword density on any given page.

SEOquake's SEO Chrome extension keyword density report tool.

You don’t need to obsess about keyword density, but in general, if you don’t mention a keyword that you want to rank for, then chances are you won’t appear in the top SERPs.

The diagnosis report breaks down on-page SEO elements on any given page.

SEOquake's SEO Chrome extension page SEO audit tool.

And the most used feature of SEOquake is when you perform a Google search. You’re given information on every site that ranks.

SEOquake's SEO Chrome extension tool SERP overview.

Extension #11: Ninja Outreach

Your on-page SEO efforts are pointless without backlinks.

I know you hate this part of SEO, but manual outreach is one of the best ways to build links, even though it is tedious.

One way to make it easier is through Ninja Outreach. This SEO Chrome extension shows you the email addresses associated with a given domain.

Ninja Outreach's SEO Chrome extension tool.

Once you find a relevant site that you want to approach for a backlink opportunity, you can get their contact information through a click of a button and start crafting your custom email.

Extension #12: Keywords Everywhere

This is probably the most popular extension out there for SEOs, and Keywords Everywhere is great for anyone who is doing keyword research.

Just go to Google and type in any keyword that you are interested in going after. Keywords Everywhere shows you a laundry list of other related terms that you can target.

Keyword Everywhere's SEO Chrome extension tool.

You can quickly export the list and then compile a master list of worthwhile keywords you can build your content around.

What’s convenient about Keywords Everywhere is the data is provided right within Google versus having to go to a specific tool.

Extension #13: Fatrank

Although it is a bad habit, as SEOs, we all obsess about rankings.

If you want an easy and free way to track your rankings, you could set up a project on Ubersuggest.

However, you could also check out Fatrank to understand how your website’s performing. Just head to your site, click on the Fatrank Chrome SEO extension and type in a keyword to see if you rank for it.

Fatrank's SEO Chrome extension tool.

If you rank in the top 100, it tells you the exact position.

If you don’t, it lets you know that you don’t rank in the top 100.

I use this as a spot check to ensure I’m doing decently well after a major Google algorithm update.

Extension #14: Keyword Surfer

It doesn’t matter if you use Ubersuggest, Ahrefs, or SEMrush; there is one thing that all of those tools have in common: you have to keep going back to get the keyword data you need.

Now, wouldn’t it be easier if you could get keyword and backlink insights right in your Google browser? With Keyword Surfer, you can do just that.

When you do a search for anything, you see the global search volume along with the volume in your region.

On top of that, see a list of suggestions and search volume in the sidebar.

Surfer's SEO Chrome extension tool.

And if you scroll down a bit more, you’ll see how many backlinks each result has, which gives you a rough idea of how many links you need to rank in the top 10.

Surfer's SEO Chrome extension tool graphs.

FAQs

What Chrome Extensions For SEO Let Me Check Redirects?

There are several Chrome extensions for SEO you could use for this. They include Link Redirect Path, Redirect Path, and Redirect Check.

How Can I Quickly Check Metatags?

CheckSERP has a free meta tag analyzer. You could also use this free tool from rankwatch.com, or Heymeta.

Conclusion

There are a lot of options when it comes to Chrome extensions for SEO. You just have to find the ones that work well for you.

An easy place to start is with the extensions I mentioned above.

You don’t have to use all of them as it may be a bit overkill, but you can use any one of them or a combination to optimize your site and enhance its overall ranking.

What do you have to lose? Test out these SEO extensions and see what they do for your website rankings.

What other Chrome extensions do you use regularly?

Como Criar uma Extensão do Chrome

Você já ficou preso em uma tarefa repetitiva e quis muito poder automatizar seu processo? 

Você está cansado de perder seu tempo procurando a extensão certa, sempre encontrando uma página de resultados vazia? 

Felizmente, se você é usuário do Chrome, você pode criar uma extensão do navegador em apenas oito passos simples.

Como a gente sabe disso? Criamos nossa própria extensão do Chrome para a Ubersuggest para deixar nossos sistemas de pesquisa de palavras-chave mais afiados.

Nesse post, vamos te mostrar como criar uma extensão do Chrome para te ajudar a inovar nas suas tarefas e voltar para o seu trabalho produtivo. 

O que é uma extensão do Chrome?

Extensões do Google Chrome são programas que você pode instalar no seu navegador Chrome para mudar algumas funcionalidades. 

Essas extensões podem te ajudar a automatizar algumas funções do seu navegador, modificar comportamentos existentes e melhorar a conveniência do seu software. Existem até mesmo extensões do Chrome que podem melhorar seu SEO.

Extensões do Chrome são desenvolvidas com scripts HTML, JavaScript e CSS e são basicamente pequenos sites cujo upload é feito para a loja do Chrome.

A única diferença entre uma extensão do Chrome e um site normal é que as extensões contêm um arquivo manifest, que dá a elas uma função específica para executar.

Outra forma de enxergar as extensões é como um código que muda a sua experiência no navegador.

Por exemplo, a extensão do Grammarly te permite editar e modificar seu texto conforme você o escreve. A extensão do LastPass te permite manter seu gerenciador de senhas dentro do seu navegador. 

Aqui estão as nossas 13 extensões preferidas do Google Chrome para você dar uma olhada.

O Que as Extensões do Chromes Podem Fazer?

Uma extensão personalizada pode realizar uma única tarefa. Essa tarefa deve ser definida de forma restrita e fácil de entender para funcionar de forma adequada. 

Você pode incluir mais de um componente ou funcionalidade, desde que todos direcionem a extensão para um objetivo único.

Extensões do Chrome funcionam através de ações da página ou ações do navegador. 

Uma ação da página é uma ação específica para determinadas páginas.

Uma ação do navegador é relevante independente de onde você estiver nele. 

Da mesma maneira, suas interfaces de usuário precisam ser otimizadas e simples. Isso pode variar de um ícone único, como o do Gmail, ou você pode substituir uma página inteira para a sua interface.

Seu produto final vai ser um pacote .crx zipado que os usuários vão baixar e instalar. 

Por Que eu Deveria Criar Uma Extensão do Chrome?

O Google Chrome é o navegador mais usado do mundo. De acordo com o W3Counter, o Chrome tem uma fatia de mercado de 65,3%.

Você também deveria criar uma extensão do Chrome se você quer incluir uma ação simples na sua experiência de navegação.

A vantagem das extensões do Chrome em relação a aplicações comuns é que elas costumam ser mais fáceis de se desenvolver e manter. Uma vez que as extensões do Chrome são construídas em torno de uma única função, sua criação demanda menos tempo e habilidade.

Criar uma extensão costuma levar bem menos tempo do que uma página web do zero. 

Se você quer um jeito simples e eficiente de modificar seu navegador, criar uma extensão é o melhor caminho. 

Extensões do Chrome também podem melhorar seu tráfego web, como você pode ver no vídeo abaixo.

Quais São as Características de Uma Extensão do Chrome de Sucesso?

Uma Extensão do Chrome de sucesso vai simplificar uma tarefa ou funcionalidade e aumentar sua produtividade. 

Vamos imaginar que você crie sites de e-commerce e está pesquisando lojas concorrentes. Se você instalar a extensão Koala Inspector, você vai conseguir ver se o Shopify criou algum dos sites em que você entrou. Você também pode ver qual tema foi usado, se foi feita alguma atualização e as estatísticas dos produtos.

Outro exemplo, o Eliminador de Feed de Notícias para Facebook, pode te ajudar a melhorar sua produtividade bloqueando seu feed de notícias para você se concentrar nas suas tarefas. É uma função simples, porém eficaz, que pode te ajudar a melhorar seu fluxo de trabalho diário. 

Ambas as extensões executam uma funcionalidade simples que melhoram a experiência do usuário. Quando você estiver desenvolvendo a sua extensão do Chrome, tenha em mente a simplicidade. Esse é o segredo para uma extensão de sucesso.

Seu Guia Passo-a-Passo Para Criar uma Extensão do Chrome

Chegou a hora de criar sua extensão do Chrome.

É importante lembrar que você precisa fazer isso no Google Chrome. Pode parecer óbvio, mas nem todo mundo usa o Chrome como navegador padrão.

Se você não é um usuário regular do Chrome, não se esqueça de instalá-lo antes de começar essas etapas. 

Além disso, não deixe de conferir seu trabalho com frequência conforme você vai avançando no processo. É muito mais fácil corrigir erros de código na hora do que depois de terminar. 

Criando uma Extensão do Chrome Passo 1: Defina o Que a Sua Extensão Precisa

O primeiro passo ao criar a sua extensão do Chrome é decidir por uma funcionalidade.

O que ela vai ser? Como ela vai ser?

Se você quer criar uma extensão para as suas campanhas do Google AdWords, essa é a hora de decidir como ela vai funcionar.

Todas as extensões precisam de um ícone para ser colocado na loja do Google Chrome. Você vai precisar criar ou obter um ícone antes de começar. 

Quando você souber o que a sua extensão vai fazer e qual você quer que seja sua aparência, você pode começar a construí-la. 

Aqui embaixo, vamos te mostrar como criar uma extensão que vai te permitir mudar a cor de fundo da sua página atual. 

Criando uma Extensão do Chrome Passo 2: Crie um Diretório Para a Sua Extensão

Para começar a criar a sua extensão do Chrome, você vai precisar criar um novo diretório para hospedar todos os arquivos da sua extensão. 

Isso é importante porque, para o Chrome carregar seu plugin, ele precisa estar direcionado para uma pasta contendo os arquivos da sua extensão.

Você pode adicionar a esse diretório todos os arquivos que você vai precisar para sua extensão.

Criando uma Extensão do Chrome Passo 3: Crie o Arquivo Manifest da Sua Extensão

A próxima etapa é criar o arquivo manifest da sua extensão.

Esse arquivo vai dizer ao Chrome como carregar a extensão adequadamente.

Crie um arquivo chamado manifest.json e adicione-o ao seu diretório.

Em seguida, adicione o código necessário ao seu arquivo manifest. 

Para o nosso objetivo aqui, o código vai ser o seguinte:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3

}

Criando uma Extensão do Chrome Passo 4: Suba Sua Extensão Para o Chrome e Confira se Há Erros

Agora é hora de testar sua extensão e ver se o Chrome vai rodá-la. 

Siga os seguintes passos:

  1. Vá em chrome://extensions no seu navegador Google Chrome
  2. Marque a caixa Modo de programador na parte superior direita
  3. Clique em “Carregar Expandida” para abrir uma caixa de diálogo de seleção de pastas
  4. Selecione o diretório da sua extensão
 Extensão do Chrome

Se a sua extensão for válida, ela vai carregar imediatamente.

Se for inválida, você vai ver uma mensagem de erro no topo da sua página. Se for esse o caso, procure por erros, corrija-os e tente carregar a extensão de novo.

Os erros mais comuns que as pessoas cometem aqui são erros de sintaxe. Revise todas as suas vírgulas e colchetes e tenha certeza que eles estão formatados corretamente. 

Tenha certeza também que a caixa Habilitada ao lado da sua extensão está marcada, para que você consiga vê-la em ação. 

Criando uma Extensão do Chrome Passo 5: Desenvolva Seu Script em Background 

Em seguida, você vai precisar rodar um script em background para dizer à extensão o que fazer.

Primeiro, crie um arquivo chamado background.js dentro do diretório da sua extensão.

Em seguida, adicione seu script.

Para nossa extensão de mudança de cor, vamos usar o seguinte script:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

}

}

Esse arquivo vai alertar o Chrome que ele precisa fazer uma análise para obter mais instruções.

A extensão que estamos criando também vai precisar de um evento de escura para runtime.onInstalled dentro do script em background.

Dentro da escuta onInstall, a extensão vai determinar um valor na API de armazenamento. Isso permite que vários componentes da extensão rodem e editem esse valor. 

let color = ‘#3aa757’;

chrome.runtime.onInstalled.addListener(() => {

chrome.storage.sync.set({ color });

console.log(‘Default background color set to %cgreen’, `color: ${color}`);

});

A maioria das APIs vão precisar estar registradas no campo “permissões” do seu arquivo manifest. Assim:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”]

}

Em seguida, volte à página de gerenciamento da sua extensão e clique em Recarregar.

Você vai ver um novo campo escrito Inspecionar visualizações. Vai vir junto um link azul dizendo página de fundo.

example of chrome extension builder interface

Clique no link e você vai ver o console log do script de background, onde vai estar escrito “Cor de fundo padrão verde”.

Scripts de conteúdo também podem ser adicionados para rodar scripts página-a-página.

Scripts de conteúdo devem ser adicionados diretamente ao seu arquivo manifest.

Criando uma Extensão do Chrome Passo 6: Crie Sua Interface de Usuário

Sua extensão pode ter diversas interfaces de usuários, de pop-ups a tooltips, entre outras.

Para começar a desenvolver sua interface, você precisa registrar uma ação do navegador no seu arquivo manifest.

Para o nosso exemplo, vamos usar um pop-up. O código fica assim:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”button.css”>

</head>

<body>

<button id=”changeColor”></button>

</body>

</html>

Você vai precisar declarar esse código no seu arquivo manifest para ele funcionar.

Para fazer isso, adicione uma ação ao seu arquivo manifest e configurar popup.html como o default_popup da ação.

Seu script deve ficar assim:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”],

“action”: {

“default_popup”: “popup.html”

}

}

Esse pop-up específico faz referência a um script de CSS, então você vai precisar adicionar outro arquivo ao seu diretório. Nomeie-o corretamente e adicione o seguinte:

button {

height: 30px;

width: 30px;

outline: none;

margin: 10px;

border: none;

border-radius: 2px;

}

button.current {

box-shadow: 0 0 0 2px white,

0 0 0 4px black;

}

Para o nosso exemplo, você também vai querer adicionar cor aos seus botões de  popup. Mais adiante, essa cor também vai ser usada como fundo da sua página. 

Crie e adicione ao diretório um arquivo de nome popup.js com o seguinte código:

// Initialize button with user’s preferred color

let changeColor = document.getElementById(“changeColor”);

chrome.storage.sync.get(“color”, ({ color }) => {

changeColor.style.backgroundColor = color;

});

Ele vai pegar o botão do popup.html e fazer a requisição do valor da cor. Inclua uma tag de script ao popup.js no popup.html assim:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”button.css”>

</head>

<body>

<button id=”changeColor”></button>

<script src=”popup.js”></script>

</body>

</html>

A partir daí, você pode adicionar badges para mostrar o estado da sua extensão. Por exemplo, um badge pode dizer a um usuário se a extensão está ativada ou não, ligada ou não.

an icon showing on funtionality and a water drop below it

Ícones da barra de ferramentas devem ser colocados em ação no campo ícones_padrão.

Coloque as imagens que você deseja no diretório e diga à extensão como usar essas imagens. 

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”],

“action”: {

“default_popup”: “popup.html”,

“default_icon”: {

“16”: “/images/get_started16.png”,

“32”: “/images/get_started32.png”,

“48”: “/images/get_started48.png”,

“128”: “/images/get_started128.png”

}

}

}

Para imagens, as dimensões recomendadas são de 16×16 e 32×32. Todos os ícones devem ser quadrados, senão podem acabar distorcidos. 

Se você não escolher um ícone, o Chrome vai adicionar um ícone padrão para você. 

Quando você criar a interface da sua extensão do Chrome, mantenha-a simples e otimizada para o usuário.

O Google diz que todas as interfaces de extensão devem contribuir para a experiência de navegação, e não ser uma distração.

Antes de continuar, recarregue sua extensão e confira se está tudo certo.

Criando uma Extensão do Chrome Passo 7: Adicione Um Pouco de Lógica

A lógica aprofunda a interação com a sua interface de usuário.

Adicione scripts de lógica a quaisquer opções de interface de usuário que você tenha incluído.

A lógica vai dizer à sua extensão para realizar determinadas ações, como o que fazer quando se clica em um botão.

Por exemplo, se você usou o script popup.js, você deve incluir sua lógica ao final.

Para o nosso exemplo, você pode usar o seguinte script:

// When the button is clicked, inject setPageBackgroundColor into current page

changeColor.addEventListener(“click”, async () => {

  let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });

  chrome.scripting.executeScript({

    target: { tabId: tab.id },

    function: setPageBackgroundColor,

  });

});

// The body of this function will be executed as a content script inside the

// current page

function setPageBackgroundColor() {

  chrome.storage.sync.get(“color”, ({ color }) => {

    document.body.style.backgroundColor = color;

  });

}

function setPageBackgroundColor() {

chrome.storage.sync.get(“color”, ({ color }) => {

document.body.style.backgroundColor = color;

});

}

Esse código gera um script de conteúdo programaticamente injetado. Isso faz com que a cor de fundo da página seja a mesma do botão que você adicionou anteriormente. 

Aqui, sua extensão já deve estar totalmente funcional. Quaisquer novas adições serão apenas frufrus.

Criando uma Extensão do Chrome Passo 8: Teste Sua Extensão

Da mesma forma que os testes A/B no marketing, é importante sempre testar sua extensão para ter certeza de que está tudo funcionando. 

Teste-a você mesmo ou peça para outra pessoa testar.

Se você pedir para outra pessoa testar, faça-o sem dar nenhuma instrução para garantir que ela é intuitiva de usar.

Faça as mudanças necessárias e depois teste sua extensão de novo.

Mesmo depois de lançar sua extensão, você pode otimizá-la e melhorá-la continuamente. Foi o que a gente fez com a extensão do Ubersuggest do Chrome 2.0.

Quando você estiver satisfeito, ela estará pronta para ser usada.

Eu Posso Praticar Criar uma Extensão do Chrome?

Assim que você subir sua extensão para a loja do Chrome, ela vai estar no ar e pronta para uso. 

Se você não quiser que sua extensão seja acessível para o público, você sempre pode criar um repositório do GitHub para as pessoas poderem clonar.

Para isso, você vai precisar dar acesso ao seu código-fonte às pessoas, então pense nisso antes de subir qualquer coisa para o GitHub.

Você também pode experimentar amostras de código aberto antes de mergulhar na sua extensão. 

Amostras de extensões do Chrome estão disponíveis no GitHub do Google.

Conclusão

Criar uma extensão do Google Chrome personalizada é uma ótima maneira de melhorar a funcionalidade do seu navegador e otimizar a experiênca dos usuários.

Além disso, sua ferramenta pode gerar tráfego para o seu site, então modificar essa experiência pode resultar em novos leads para o seu negócio.

Lembre-se, algumas das extensões mais incríveis do Chrome foram desenvolvidas por pessoas como você!

Pode ser uma curva de aprendizado chegar onde você quer com a sua extensão, mas vale a pena quando você tem uma funcionalidade nova para exibir para os seus amigos – e clientes em potencial. 

Que tipo de extensão do Chrome você já criou?

How to Build a Chrome Extension

Have you ever been stuck doing a repetitive task and wish you could automate your process?

Are you tired of spending time searching for an appropriate extension, only to be met with an empty search result page?

Luckily, if you’re a Chrome user, you can create a Chrome extension in just eight simple steps.

How do we know? We created our own Ubersuggest Google Chrome Extension to streamline our keyword research systems.

In this post, we’ll show you how to make a Chrome extension to help you innovate your tasks and get back to productive work.

What is a Chrome Extension?

Google Chrome extensions are programs you can install in your Chrome browser to change its functionality.

Chrome extensions can help you automate certain functions in your browser, modify existing behaviors, and improve your software’s convenience. There are even Chrome extensions that can improve your SEO.

Chrome extensions are built with HTML, JavaScript, and CSS scripts and are essentially small websites uploaded to the Chrome store.

The only difference between a Chrome extension and a regular website is that Chrome extensions contain a manifest file, which gives them a specific function to execute.

Another way to think about Chrome extensions is that they are a piece of code that changes your browser experience.

For example, the Grammarly Chrome extension allows you to edit and modify your copy as you write. The LastPass extension will enable you to keep your password manager within your browser.

Here are 13 of our favorite Google Chrome extensions for you to consider.

What Can Chrome Extensions Do?

A custom-built extension can perform a single task. This task needs to be narrowly defined and easy to understand for it to work properly.

You can include more than one component or functionality, as long as everything directs the extension towards a singular goal.

Chrome extensions work by using either page actions or browser actions.

A page action is an action that is specific to certain pages.

A browser action is relevant no matter where you are in the browser.

As well, your user interfaces need to be user-friendly and straightforward. These can range from a single icon, think of the Gmail icon, or you can override an entire page for your interface.

Your final deliverable will be a zipped .crx package that users will download and install.

Why Should I Create a Chrome Extension?

Google Chrome is the most widely used browsing software in the world. According to W3Counter, Chrome has 65.3 percent of the total market share.

You should also create a Chrome extension if you are looking to add a simple action to your browser experience.

The benefit of Chrome extensions versus regular applications is they are often easier to build and maintain. Because Chrome extensions are built around a singular function, they take less time and skills to create.

Building a Chrome extension often takes far less time than building an entirely new webpage.

If you want a simple and effective way to modify your browser, then building a Chrome extension is the way to go.

Chrome extensions can also improve your web traffic, see more in the video below.

What Makes a Chrome Extension Successful?

A successful Google Chrome extension will simplify a task or functionality and improve your productivity.

Let’s imagine you are an e-commerce web builder and you’re researching competitor shops. If you install the Koala Inspector extension, you’ll be able to see if Shopify built any website you land on. You can also see what theme was used, if any new updates have been made, and view product statistics.

Another Chrome extension, the News Feed Eradicator for Facebook, can help improve your productivity by blocking your news feed so you can focus on your tasks. It is a simple but effective function that can help you improve your daily workflow.

Both of these extensions execute a simple functionality that improves user experience. When building a Chrome extension, keep simplicity in mind. That’s the secret to a successful extension.

Your Step-by-Step Guide to Creating a Chrome Extension

Now it’s time to build your Chrome extension.

It’s important to note that you need to do this on Google Chrome. This might seem obvious, but not everyone uses Chrome as their default browser.

If you aren’t a regular Chrome user, be sure to install it before you begin these steps.

Also, be sure to check your work frequently as you move through this process. It’s much easier to fix coding errors in the moment than after you finish.

Build a Chrome Extension Step 1: Determine What Your Extension Needs

The first step in building your Chrome extension is to decide on a functionality.

What will it do? What will it look like?

If you want to create an extension for your Google AdWords campaigns, this is the time to decide on how it will work.

An icon is required for all Chrome extensions to be uploaded to the Google Chrome store. Be sure to create or outsource an icon before you begin.

Once you know what your Chrome extension will do, and what you want it to look like, you can start building it out.

Below, we’re going to show you how to build an extension that will let you change the background color of your current page.

Build a Chrome Extension Step 2: Create a Directory for Your Extension

To begin building your Chrome extension, you’ll need to create a new directory to house all of your extension’s files.

This is important because, for Chrome to load your plugin, it needs to be pointed towards a folder containing your extension files.

You can add all of the files you will need for your extension into this directory.

Build a Chrome Extension Step 3: Make Your Extension’s Manifest File

The next step is to create your extension’s manifest file.

This file will tell Chrome how to load the extension properly.

Create a file called manifest.json and add it to your directory.

Then, add any code you might need to your manifest file.

For our purposes, the code will look like this:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3

}

Build a Chrome Extension Step 4: Load Your Extension into Chrome and Check for Errors

Now it’s time to test your extension to make sure Chrome will run it.

Follow these steps:

  1. Go to chrome://extensions in your Google Chrome browser
  2. Check the Developer mode checkbox in the top right-hand corner
  3. Click “Load Unpacked” to see a file-selection dialog
  4. Select your extension directory
example of google chrome extension loading screen

If your extension is valid, it should load immediately.

If it is invalid, you will see an error message at the top of your page. If this is the case, look for errors, correct them, and try loading your extension again.

The most common errors people make here are syntax errors. Double-check all of your commas and brackets and make sure they are formatted correctly.

Also, make sure the Enabled box next to your extension is checked so you can see it performing live.

Build a Chrome Extension Step 5: Develop Your Background Script

Next, you’ll need to add some background script to tell your extension what to do.

First, create a file named background.js inside your extensions directory.

Then, add your script.

For our color-changing extension, we’ll be using this script:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

}

}

This file will alert Chrome that it needs to scan for additional instructions.

The extension we are building will also require a listening event for runtime.onInstalled within the background script.

Within the onInstall listener, the extension will set a value with the storage API. This allows multiple extension components to run and edit that value.

let color = ‘#3aa757’;

chrome.runtime.onInstalled.addListener(() => {

chrome.storage.sync.set({ color });

console.log(‘Default background color set to %cgreen’, `color: ${color}`);

});

Most API’s will need to be registered in the “permissions” field of your manifest. Like this:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”]

}

Next, go back to your extension management page and click Reload.

You should see a new field for Inspect views come up. There will also be an accompanying blue link that reads the background page.

example of chrome extension builder interface

Click the link and you will see the background script’s console log, which reads “Default background color set to green”.

Content scripts can also be added to run page-by-page scripts.

Content scripts should be added directly into your manifest file.

Build a Chrome Extension Step 6: Create Your User Interface

Your extension can have a range of user-interfaces, from pop-ups to tooltips, and more.

To begin designing your interface, you need to register a browser action in your manifest.

For our example, we’ll use a pop-up. The code looks like this:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”button.css”>

</head>

<body>

<button id=”changeColor”></button>

</body>

</html>

You’ll need to declare this code within your manifest in order for it to work.

To do this, add an action to your manifest and set popup.html as the action’s default_popup.

Your script should look like this:

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”],

“action”: {

“default_popup”: “popup.html”

}

}

This specific pop-up references a CSS script, so you’ll need to add another file to your directory. Name it appropriately, and add this:

button {

height: 30px;

width: 30px;

outline: none;

margin: 10px;

border: none;

border-radius: 2px;

}

button.current {

box-shadow: 0 0 0 2px white,

0 0 0 4px black;

}

For our example, you’ll also want to add color to your popup buttons. Later on, this color will be used for the background of your page as well.

Create and add a file named popup.js with the following code to the directory.

// Initialize button with user’s preferred color

let changeColor = document.getElementById(“changeColor”);

chrome.storage.sync.get(“color”, ({ color }) => {

changeColor.style.backgroundColor = color;

});

This will grab the button from popup.html and request the color value. Include a script tag to popup.js in popup.html like this:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”button.css”>

</head>

<body>

<button id=”changeColor”></button>

<script src=”popup.js”></script>

</body>

</html>

From there, you can add badges to show the state of your extension. For example, a badge can tell a user if the extension is activated or not, on or off.

an icon showing on funtionality and a water drop below it

Toolbar icons fall under action in the default_icons field.

Place any desired images within your directory and then tell the extension how to use the images.

{

“name”: “Getting Started Example”,

“description”: “Build an Extension!”,

“version”: “1.0”,

“manifest_version”: 3,

“background”: {

“service_worker”: “background.js”

},

“permissions”: [“storage”],

“action”: {

“default_popup”: “popup.html”,

“default_icon”: {

“16”: “/images/get_started16.png”,

“32”: “/images/get_started32.png”,

“48”: “/images/get_started48.png”,

“128”: “/images/get_started128.png”

}

}

}

For images, 16×16 and 32×32 sizes are recommended. All icons should be square, or else they may end up distorted.

If you don’t supply an icon, Chrome will add a default one for you.

When designing your Chrome extension user interface, keep it simple and user-friendly.

Google says all extension interfaces should add to a browsing experience, not distract from it.

Before moving on, reload your extension and make sure everything looks right.

Build a Chrome Extension Step 7: Add in Some Logic

Logic furthers your user interface interaction.

Add logic scripts to whatever user-interface options you included.

Logic can tell your extension to perform certain actions, such as what to do when a button is clicked.

For example, if you used the popup.js script, you’ll want to include your logic at the end of it.

For our example, you can use this script:

// When the button is clicked, inject setPageBackgroundColor into current page

changeColor.addEventListener(“click”, async () => {

  let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });

  chrome.scripting.executeScript({

    target: { tabId: tab.id },

    function: setPageBackgroundColor,

  });

});

// The body of this function will be executed as a content script inside the

// current page

function setPageBackgroundColor() {

  chrome.storage.sync.get(“color”, ({ color }) => {

    document.body.style.backgroundColor = color;

  });

}

function setPageBackgroundColor() {

chrome.storage.sync.get(“color”, ({ color }) => {

document.body.style.backgroundColor = color;

});

}

This code triggers a programmatically injected content script. This turns the background color of the page to the same color as your previously added button.

From here, your extension should be fully functional. Any new additions will be bells and whistles.

Build a Chrome Extension Step 8: Test Out Your Extension

Just like A/B testing in marketing, it’s important to continuously test your extension to ensure everything works.

Test it out yourself, or have someone else test it.

If you have another person test it, do it without giving them instructions to make sure it’s intuitive to use.

Make changes as needed, then test your extension again.

Even after you launch your extension, you can continuously optimize and improve it. That’s how we got the Ubersuggest Chrome extension 2.0.

Once you’re happy, it’s ready to use.

Can I Practice Making a Chrome Extension?

Once you upload your extension to the Chrome store it’s live and usable.

If you don’t want your Chrome extension to be publicly accessible, you can always make a GitHub repo that people can clone from.

This requires giving people access to your source code, so be sure to consider this before uploading anything onto GitHub.

You can also experiment with open source samples before diving into your extension.

Samples for Chrome Extensions are available on Google’s GitHub.

Conclusion

Creating a custom Google Chrome extension is a great way to improve your browser functionality and create optimal user experiences.

What’s more, your tool can drive traffic to your website, so modifying that experience can result in new leads for your business.

Remember, some of the most powerful Chrome extensions were built by people just like you!

It may be a learning curve to get your extension where you want it to be, but it’s worth it when you have an exciting new feature to show off to your friends—and prospective clients.

What kind of Chrome extensions have you built?

Ubersuggest Chrome Extension: The Ultimate Link Build Tool

Over the next few months, you are going to see a lot of updates in Ubersuggest, including new features.

But before I dive into what I’m going to release soon, let’s first talk about the new Chrome extension.

If you haven’t installed it, make sure you go and do so now

No more Neil’s face

The biggest complaint we got about the extension was “my face” being in the search results.

You know, that speech bubble that looked something like this…

So, I removed it.

I know you don’t like it based on the reviews, so I tried to leave it in as long as possible because it’s branding.

Indirectly it keeps me and my agency top of mine so hopefully, it would eventually drive business.

Link building

You may have noticed that there is a little “U” symbol within your browser bar once you install the extension.

If you don’t see it, just click on the extension icon…

And then click pin next to Ubersuggest…

Now whenever you visit a site (other than Google) you can click on the “U” to see data.

But what’s new is we have added link data. So when you click on “Backlinks” you’ll see link data on any given site.

You can see the domain score (our version of authority), the number of backlinks, referring domains and organic monthly traffic a website receives.

You’ll even see a chart of link growth (or decline) over time.

And as you scroll down you’ll even see more metrics…

The chart above breaks down how many new and lost links you are getting on a daily basis.

And beneath that you’ll see a list of links pointing to any given site. You can then search for a specific link using the search box or you can use the filtering options.

Keyword gaps

I know that I mentioned a while ago that I am releasing a feature that show competitive domains and gives you an overview of the keywords your competition ranks for that you don’t.

That way you can find more opportunities to go after if you want more traffic.

That’s still coming out soon. We are roughly a month or so away from releasing it. 🙂

But that’s not all

The biggest thing my team and I have been working on is data quality.

From fresher link index to even a bigger link index.

Or when you put in a URL it would be great to have even more accurate traffic estimations.

By the end of the year you’ll see drastic improvement in this. It’s our biggest focus.

And then comes a faster application

The last thing on our roadmap this year is speed improvement.

We have so much data in Ubersuggest that sometimes reports take longer to load than you would like.

We have been refactoring our code, which should fix this soon. So now reports will load faster, which is really important if you use Ubersuggest on a mobile device.

Conclusion

I hope you try out the new Ubersuggest extension. It’s easy to use and it offers more free data than any other Chrome extension.

In addition to the link feature, there will also be some other Chrome extension features that we are adding soon, but I have to save something as a surprise. 😉

Plus, there will also be a few other features that you’ll also see in the Ubersuggest app that is coming out this year that I didn’t mention above either.

So, what else would you like to see in Ubersuggest?

The post Ubersuggest Chrome Extension: The Ultimate Link Build Tool appeared first on Neil Patel.

Ubersuggest Chrome Extension 2.0: The Ultimate Keyword Research Tool

Please note: Once you install the extension, all you have to do is go to Google and perform a search. That is where you’ll see data.

I promised that I would release a new version of the Ubersuggest Chrome Extension today, and now it’s out.

You can go here to install it.

If you are wondering what’s new… well, let’s just say the changes have made keyword research much better and a lot easier. And on top of that, later in this post, I’ll even give you a sneak peek at the new changes that we are making to the extension that will be released within 30 days.

So, what’s new?

Who says keyword research should be limited to Google?

What most people don’t know is that YouTube is the second most popular search engine and has been exploding.

On top of that, Amazon is the largest e-commerce site in the world and SEOs are doing Amazon SEO and Amazon ads… so why not have access to keyword research there, too?

Now, when you go to YouTube and perform a search you’ll see data on suggested keywords as you perform a search.

And if you want more details on any given keyword you searched for, just click “view all” next to the search bar and you’ll see something like this:

It breaks down search volume over the last 12 months as well as shows you if a keyword has any seasonal trends.

You can also see how competitive a keyword is to rank for, its cost per click data, how many people even click on any of the listings, and even the age range of the people who search for that term.

Also, what’s interesting is that you can see data on whether a keyword is searched more on mobile or desktop devices and the breakdown. This is important because mobile searches tend to not convert as well… so ideally you want to go after keywords that have more desktop searches when possible.

Now on the right side of any YouTube search listings page, you will also see more keyword suggestions.

It’s pretty similar to what the extension already shows on Google… this is more so our version for YouTube.

But with Amazon, we didn’t want to impact your user experience too much, so we decided to provide keyword data in the most unobtrusive way possible…

Anytime you perform a search on Amazon, you’ll see keyword data on the suggestions.

So now anytime you want to do keyword research for social media or e-commerce, you can easily do so with the Ubersuggest Chrome extension.

But wait, there is more…

There is also one other important change made to the extension that you may have already noticed if you use Google on a regular basis.

When you search on Google, there is now traffic estimations under each URL.

This traffic estimation is for organic search traffic and it is done on a domain level. Eventually, we will tweak it to be page-based and even show you the other keywords each page ranks for… but for now, we are providing you with organic traffic estimates for each domain.

And if you are more of a visual person, in the right-hand sidebar you can also see the traffic estimation for any result in the top 10.

So if you want to know traffic data in addition to keyword suggestions when you perform a Google search, make sure you install the Ubersuggest Chrome Extension.

But the best is still to come…

My goal is to make major releases to Ubersuggest every month if possible… every other month if all doesn’t go as planned.

The next big one is introducing competitor analysis features within the extension.

Right now if you click on the “Ubersuggest” logo within your Chrome browser you see something like this:

Now, that’s not really useful.

So, within the next 30 days when you click on the “Ubersuggest” logo within Chrome, I am thinking of showing something like this:

For any domain you’ll be able to see the following metrics:

  1. Domain metrics – you’ll see a quick overview of each domain. From the number of organic keywords a site ranks for to their estimated organic traffic, domain score, and even number of backlinks.
  2. Historical traffic – you’ll see an organic traffic chart of the last 6 months to any given site.
  3. Top pages by country – want to know the most popular pages on your competitor’s site? This table will show you just that.
  4. Top keywords by country – you’ll also be able to see the most popular keywords that drive traffic to that site.

Conclusion

If you already have the Ubersuggest Chrome extension installed, you may need to reinstall it because we now show you data on YouTube and Amazon. That means you’ll have to grant Ubersuggest permission to show you data on those two sites.

If you don’t have the extension installed, you can do so by going here.

Let me know what you think about the new extension, the upcoming releases, and if you want me to add any other features. 🙂

The post Ubersuggest Chrome Extension 2.0: The Ultimate Keyword Research Tool appeared first on Neil Patel.

Ubersuggest Chrome Extension

Please note: Once you install the extension all you have to do is go to Google and perform a search. That is where you’ll see data.

It’s been a long time coming. And now, it is finally here.

Today, I want to introduce you to the Ubersuggest Chrome Extension.

From being in the SEO industry for over 21 years now, I know that it would be more convenient to do your SEO research while you are browsing the web or searching Google than constantly having to come back to Ubersuggest.

That’s why I created this Chrome extension.

So, what’s inside the Chrome extension?

Well, the easiest way to know what’s included (it’s free), is to just go and install it and test it out.

But here’s what’s included…

Keyword overview

When you are searching Google, you’ll see an overview within the search bar.

You’ll see the monthly search volume and the cost per click for that keyword.

When you click the “view all” link, you’ll see a detailed overview for that keyword.

The graph breaks down the total monthly search volume. What’s cool about the chart is that it shows you both the monthly mobile searches and desktop searches.

And above the graph, you’ll get metrics on how hard that keyword is to rank for (SEO Difficulty) and how competitive that keyword is from a paid advertising (Paid Difficulty) standpoint.

Under the graph, you’ll also see 2 bar graphs. The first one breaks down whether or not people are clicking on the SEO results, paid results, or not clicking anywhere at all.

The second one shows data on the age range of all of the searchers.

Link overview

Above the organic results, you’ll see a speech bubble that breaks the average authority of the sites that are ranking (domain score) and the average number of referring domains the top 10 results have (backlinks).

If you want a more detailed overview, you’ll see a graph in the sidebar that breaks down how many referring links each of the top 10 listings have.

Keep in mind the link metrics are based on referring domains. So, if a website has 100 links from the same domain name, it will only count as 1. Because what really matters when it comes to SEO is how many unique, relevant sites you can get to link to you as opposed to having the same site linking to you over and over again.

Even more keyword data

In the sidebar, you’ll also find even more keyword data.

You’ll see a list of other popular keywords that are similar. You’ll also get metrics on each keyword… from how often it is searched (volume), to what it would cost to bid on that keyword (CPC), to how difficult the keyword is from an SEO standpoint (SD).

And if you scroll to the very bottom of the screen, you’ll see a list of related keywords that Google provides.

Again, you’ll be provided with data like search volume, cost per click, and SEO difficulty data.

URL metrics

Whenever you perform a search on Google, you, of course, see a list of websites that rank for that keyword.

As you can see, under URL you see the authority of the website (domain score), how many Pinterest and Facebook shares the URL has, and how many unique domains are linking to that result.

What’s cool is you can click on the “down arrow” next to the link count and see the exact list of sites linking as well as their domain score and anchor text they used for the link.

Pick your country and language

The last feature in the extension is that you can change your location and language.

All you have to do is click the “Settings” link in the sidebar.

You’ll see a long list of languages and countries that you can choose from.

No matter what version of Google you are using, such as Google.com.br or even Google.co.in, you’ll see SEO data whenever you perform a search.

Conclusion

I have some more big changes coming to the extension in the near future but I would love to hear what you think about it so far.

And if you have any feature requests, just leave a comment below. That way we can prioritize what we add to the extension next.

So go checkout the Ubersuggest extension and give it a try.

What do you think of the extension? What other features would you like me to add?

The post Ubersuggest Chrome Extension appeared first on Neil Patel.

13 Amazing Free Chrome Extensions For SEO

Every SEO tool is different.

Some have better keyword data, others have better link data,
others give better technical suggestions… in other words, there is no
perfect tool.

And I really mean that, even though I created Ubersuggest for you.

Plus paying for a handful of SEO tools can be expensive and
isn’t realistic.

But don’t worry, because today, I’m about to make your life a bit easier. Here are 13 free chrome extensions that will help you with your SEO.

What’s beautiful is that when you combine them all, you’ll have everything you need.

So here goes.

Extension #1: Keyword Surfer

It doesn’t matter if you use Ubersuggest, Ahrefs, or SEMrush…
there is one thing that all of those tools have in common.

You as a user have to keep going back to them to get the
keyword data you need.

Wouldn’t it be easier if you can get keyword insights and some backlink insights right in your Google browser?

With Keyword Surfer, you can get insights through Google’s interface. So, when you do a search for anything, you see the global search volume as well as the volume within your region.

On top of that, you’ll see a list of suggestions and search volume in the sidebar.

And if you scroll down a bit more you’ll see how many backlinks
each result has, which gives you a rough idea of how many links you need to
rank in the top 10.

Extension #2: Moz

Domain authority is a metric made up by Moz. Generally speaking, the higher your domain authority, the higher your rankings are.

Moz created a Chrome extension called Mozbar
that tells you the domain authority and page authority for any page on the web.

This extension is handy when you are browsing the web and
researching any potential competitors as it will quickly show you how you stack
up to them and as you are going through their site you can easily spot their
most authoritative pages that you need to analyze.

Extension #3: Similar Web

On the web, popularity is everything. We all want more
traffic.

Although more traffic doesn’t always mean more revenue, in
most cases it does.

Out of all the tools out there, I’ve found that Similar Web
gives the most accurate traffic estimations compared to anyone else.

Now with the Similar Web extension, you can get traffic data without going back to their site.

The first thing you can see with this extension is traffic
data for the last 6 months. It even breaks down the bounce rate, average pages
per visit, and visit duration.

And as you scroll down you’ll be able to see what countries the
visitors are coming from.

Last, but not least, it shows you the traffic makeup for each site as well. Is the traffic coming from search engines, social media, referral sources, or even direct traffic to the site?

Extension #4: Redirect Path

Redirect Path isn’t as well-known of an extension, but when you are doing technical SEO it is a must.

As time goes on, your URLs are going to change. Whether that is from a new structure or if you are deleting old content and consolidating your pages, this extension will tell you when something goes wrong.

Through Redirect Path, you can quickly see if a redirect is broken or working correctly.

Extension #5: Buzzsumo

Whether you love or hate Facebook, it’s still a popular site
that can drive a lot of traffic.

As you are surfing the web, you’ll naturally end up reading some articles. Some of them will be on your competitor’s site and you may be wondering if the article did well or not.

Using the Buzzsumo extension, you can see how many social shares a given article has as well as their backlinks.

You can even see all the most popular articles from that website based on social sharing and backlink count.

This will give you a good idea about the type of content you need to start producing.

Extension #6: Meta SEO Inspector

Errors can really kill your traffic.

The smallest things like your meta tags can have a big impact on your rankings, so you’ll want to make sure they are fully optimized.

Using Meta SEO Inspector, you can quickly see if your meta tags are set up correctly.

As you can see from the screenshot above, it reports errors.

With that example, I quickly learned that one of my pages doesn’t have an open graph meta tag. That means that when people share that page on the social web, it may not show up correctly, meaning I won’t get as much social media traffic.

Extension #7: Check My Links

Similar to the Redirect Path extension as you are spending more time doing technical SEO and analyzing your competition, the more link data you have the better.

And external links aren’t the only ones that can help boost
your rankings.

Knowing data on internal links is important as well.

Check
My Links
will give you all of the internal links numbers you need when
browsing any page on your site (or your competition’s).

And not only will you see an overview, but you can also get
details on the whole page as this extension highlights each link.

Extension #8: Pagespeed Insights

Load time doesn’t just impact conversions, it also impacts your rankings.

With nearly 60% of the searches being done from mobile devices, your load time is now more important than ever.

Through the Pagespeed Insights extension, you can quickly see what you need to do to improve your load time on any page on your site.

And if you see a score you don’t like, just click “need more” and it will take you to a detailed report that will give you feedback like this:

When you find a lot of errors, you’ll want to fix them as
over time it will boost your rankings.

Extension #9: SEO Minion

SEO is all about the long game.

If you just spend 10 minutes a day making improvements, it can have a huge impact on your traffic a year down the road.

An easy way to get work done each day is through SEO
Minion
.

One task that I have my team constantly look at through SEO Minion is broken links.

You’ll want to fix any on your website. In addition, you can use it to find broken links on other websites and then hit them up to replace the broken link to one from your site.

Another way to grow your SEO traffic is by translating your content into other languages.

This extension also breaks down hreflang data, which is needed when you are targeting other regions and languages.

You’ll be given data on your on-page SEO.

Extension #10: SEOquake

SEOquake is the easiest way to get a detailed overview of your site.

The extension provides a detailed overview of things like your Alexa rank, indexing information for Google and Bing as well as your SEMrush rank.

From there, you can dive into specific reports such as a density or diagnosis report.

The density report breaks down the keyword density on any
given page.

You don’t need to obsess about keyword density, but in general, if you don’t mention a keyword that you want to rank for then chances are you won’t rank for it.

The diagnosis report breaks down on-page SEO elements on any given page.

And the most used feature of SEOquake is when you perform a
Google search. You’re given information on every site that ranks.

Extension #11: Ninja Outreach

No matter how much on-page SEO you do, you won’t rank well if you don’t build any links.

I know you hate this part of SEO, but manual outreach is one of the best ways to build links even though it is tedious.

One way to make it easier is through Ninja
Outreach
. This extension shows you all of the email addresses associated
with a given domain.

Once you find a relevant site that you want to approach for
a backlink opportunity, you can get their contact information through a click
of a button and start crafting your custom email.

Extension #12: Keywords Everywhere

This is probably the most popular extension out there for
SEOs.

Keywords Everywhere is great for anyone who is doing keyword research.

Just go to Google and type in any keyword that you are interested in going after. Keywords Everywhere will show you a laundry list of other related terms that you can go after as well.

You can quickly export the list and then compile a master
list of keywords that are worth targeting.

What’s convenient about Keywords Everywhere is the data is
provided right within Google versus having to go to a specific tool.

Extension #13: Fatrank

Although it is a bad habit, as SEOs, we all obsess about rankings.

If you want an easy and free way to track your rankings, just set up a project on Ubersuggest.

Another easy solution to see how you are ranking is by using
Fatrank.

All you have to do is head to your site, click on the Fatrank extension, and type in a keyword to see if you rank for it.

If you rank in the top 100, it will tell you the exact
position.

If you don’t, it will let you know that you don’t rank in
the top 100.

I use this as a spot check to make sure I am doing decently
well after a major Google
algorithm
update.

Conclusion

There are a lot of options when it comes to SEO. You just
have to find the ones that work well for you.

An easy place to start is with the extensions I mentioned
above.

You don’t have to use all of them as it may be a bit
overkill… but you can use any one of them or a combination to make sure your
site is optimized.

What do you have to lose? Test them out as they are free.

What other Chrome extensions do you use on a regular basis?

The post 13 Amazing Free Chrome Extensions For SEO appeared first on Neil Patel.