2

A Complete SEO Checklist For Website Owners

 2 years ago
source link: https://www.searchenginejournal.com/page-speed-browser-extensions/440100/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Best Browser Add-Ons For Analyzing Page Speed

Best Browser Add-Ons For Analyzing Page Speed

Power up your page speed diagnostics with these top browser extensions that make it easier to optimize webpages.

 / 6 hours ago  /  6 min read

Measuring page speed by debugging a slow website is important.

All Chrome browsers have built-in tools to help troubleshoot why a page is slow and not performing as well as it could.

The great thing about browsers based on Chrome and Firefox is that they can be extended with tools that make troubleshooting sites fast and easy.

Both Chrome and Firefox support browser add-ons.

Firefox calls them add-ons and in the Chrome ecosystem, they’re called extensions.

Browser extensions and add-ons extend the functionality of browsers in ways that are custom to a user’s need.

Why Use A Page Speed Browser Extension

A browser-based debugger like Chrome Dev Tools is a collection of tools, like a toolbox.

If you want just one tool, you are out of luck because the browser offers the entire collection all at once.

That means a publisher needs to first learn how to navigate through all the different menus, tabs, and screens, many of which offer tools that aren’t necessarily the overview you may want.

And that’s why extensions are a valid alternative to using the built-in troubleshooting tools in a browser.

You can simply choose the exact tool you want and skip the learning curve in order to get the metrics you really need at the moment you need them.

Google Lighthouse Extension For Chrome And Firefox

Lighthouse is a great tool for obtaining an easy-to-understand overview of webpage performance with the option to dig deeper into diagnostic feedback and advice for making a webpage faster.

There’s a standalone Google Lighthouse webpage, but you have to copy the URL of the page you want data for then navigate to the Lighthouse tool.

With the Lighthouse extension, the full power of the tool is available with the click of a button.

All you do is click the extension icon and then the blue Generate Report button.

The Lighthouse extension will spawn a new browser tab and generate the full Lighthouse report.

Screenshot of Google Lighthouse Browser Extension, March 2022

The new webpage will display a wait screen while Lighthouse is generating the report.

Screenshot of Google Lighthouse Wait Screen, March 2022

The top of the Lighthouse page has the numerical scores for the webpage.

Screenshot of Google Lighthouse Overview, March 2022

And, if you scroll down, you can see the in-depth data that help diagnose and fix problems.

All you have to do is follow the links for more information about what a problem is and suggestions for how to fix those problems.

Screenshot of Google Lighthouse Full Page Report, March 2022

Google has developed versions of Lighthouse for both Chrome and Firefox.

Page Load Time Browser Extension

The Page Load Time browser extension for Chrome and also for Firefox provides a highly accurate page load metric because it uses the Navigation Timing API, which is described on the Mozilla developer page for the Navigation Time API.

Grow Your Business With Vetted Freelancers TodayFiverr Business gives your team the tools to collaborate and delegate with the world's largest selection of talented freelancers for any need.

Advertisement

The browser extension has been installed over 100,000 times and has been rated 258 times.

Once installed, all you have to do is visit a page and look at the Page Load Time icon on the top right corner of the browser.

The icon automatically reports how long it took to download the webpage.

Page Load Time Browser Extension Icon

Clicking the icon shows more details about a wide range of factors that tell a more complete story about why the page downloaded as fast or as slow as it did.

Screenshot of Page Load Time Browser Extension Details, March 2022

As you can see in the above illustration, the Page Load Time Browser extension reveals an astounding amount of information organized in an easy-to-understand format.

The detailed report shows delays caused by a redirect, the response time for DNS, and connection time.

The report also calculates the response time from the beginning of the request for the webpage and the time that elapses until completion.

There are precise measurements for when scripts are executed, content is loaded, and how long the page took to finally load.

It’s an extraordinary amount of information displayed in an easy-to-understand manner.

Here’s the Page Load Time Extension for Chrome and Load Timer Add-on for Firefox.

Performance-Analyser

The Performance-Analyser Extension for Chrome Browser is like the Page Load Time Browser Extension only it goes further in what it covers.

It uses the Resource, Navigation, and User Timing APIs

This extension generates colorful pie charts to provide a visual representation of various metrics such as requests by domain and provides the navigation timing API information in a convenient waterfall chart that visualizes the render time.

According to the description:

“Performance-Analyser (aka Performance-Analyzer) helps to analyze the current page through the Resource, Navigation and User Timing APIs – see requests by type, domain, load times, marks and more – instantly.”

Page Size Inspector

The Page Size Inspector Extension for Chrome is especially useful because it provides a snapshot of a variety of metrics, including how many requests were made for fonts and what the uncompressed size of that download is.

What makes this extension stand out is the easy to understand interface plus the size in bytes for the following webpage resources:

The Chrome browser extension also provides times in seconds for download for a quick and handy overview of page speed metrics at your fingertips right there on the page.

Checkbot: SEO, Web Speed & Security Tester

This extension aggregates multiple tools related to SEO.

What’s of interest with this extension is that it provides data that can help to better understand why a webpage takes as long as it does to download.

The plugin reports on the following variables:

All of the above data points are super useful for understanding possible issues that need fixing.

As a bonus, the Chrome Checkbot: SEO, Web Speed & Security Tester extension also offers various SEO-related data, and one of my favorites is the security headers data which can tell you if a site is insecure because of missing security headers.

Page Speed Browser Extensions

Page speed browser extensions are extremely useful for publishers and developers.

They can help you quickly identify problems right at the moment without having to open up another webpage and then paste a URL on another website.

Page speed diagnostics can be done right there while you’re on the site, automatically or with the click of a button.

More Resources:


Featured Image: StudioByTheSea/Shutterstock

Category SEO
ADVERTISEMENT

Subscribe to SEJ

Get our daily newsletter from SEJ's Founder Loren Baker about the latest news in the industry!

Roger Montti

Owner at Martinibuster.com

Roger Montti is a search marketer with over 20 years experience. I offer site audits, phone consultations and content and ... [Read full bio]

ADVERTISEMENT
Read the Next Article
Corey Morris March 29, 2022
 / March 29, 2022  /  13 min read

Search engine optimization (SEO) is a broad discipline where it can be easy to get stuck or caught up in details.

Sure, the specifics matter – but a top-down approach with a comprehensive strategy to keep you on track is essential.

Whether you’re just starting out or are a Fortune 500 brand, you’ll find that an SEO plan that considers the full set of factors and ongoing updates will help you improve and grow.

So in this column, you’ll find a full checklist to help you craft an SEO strategy built for your unique needs. You’ll work through key considerations for:

  • Technical SEO.
  • On-page optimizations.
  • External factors.

You’ll want to keep these factors that make up a good website in mind, too. Have your content, UX, IT, and other marketing resources ready to join you on your SEO journey for the best possible outcomes.

Happy optimizing!

Technical SEO Cheat Sheet

Before focusing on the specific content that you want to rank in the search engines, you have to make sure that your site can be indexed and crawled.

This all falls into the category of technical SEO.

Free Reporting Platforms

Start off by making sure you have Google Search Console, Bing Webmaster Tools, Google Analytics, and Google Tag Manager tied into your site.

These tools all deliver great diagnostic and analytics data to help you along the way.

XML Sitemap

This is a table of contents for your website. The sitemap file is the modern way of “submitting” your pages to search engines.

Most website platforms have this built-in or have plugins/add-ons that will create a dynamic sitemap that stays in sync with the pages on your site.

At worst, you should at least have a static one that you can generate through a number of free tools.

Robots.txt

This file provides instructions to the search engines on what pages or parts of the site to not index. By default, the search engines will look at all the content they can find.

Even if you don’t want to restrict the search engines from indexing any pages on your site, make sure this file:

  • Is accurate.
  • Validates in Google Search Console and Bing Webmaster Tools.
  • Doesn’t accidentally block important content from being indexed (or your whole site).

See Best Practices for Setting Up Meta Robots Tags & Robots.txt to learn more.

Domains

If you own more than just your primary domain name, make sure you know what each of your additional domain names is doing. If they are parked and not in use, that’s fine.

If they redirect to your website, check to ensure that they 301 redirect to it (versus mirroring the site or doing a 302 redirect).

This could be a quick area to simply check and move on from, but don’t overlook it as it can cause issues with duplicate content and confusion over which domain name is the real one.

Site Architecture

The more hierarchy and structure you can build into your navigation and sections of your site, the better. This will benefit users and the search engines and present organized topics and content (more on that later).

Aim to get your directory structure and URLs to match the literal page and file structure of your site’s content.

Stepping back and mapping out your site structure or sitemap is a good starting point. This gets you to think about the content, how you prioritize certain aspects of your site, and how you want to funnel your users (as well as the search engines) through it.

Speed

We continue to see stats showing that users spend less and less time before bouncing.

The search engines have worked over the years to incorporate page speed into their ranking factors.

Look for ways to minimize the use of JavaScript and heavy loading pieces of code in your pages and find ways to cache or load elements externally.

There are some great developer tools that can help you identify the right areas to optimize in your own website to get your page load times to competitive levels.

See How to Improve Site Performance: 4 Speed Audit Quick Wins for more.

Mobile-Friendly

It’s a given that we have to be mobile-friendly. However, even if you built your site in a mobile framework like responsive design, it’s important to make sure that it actually validates.

Be sure to run it through Google’s mobile-friendly test.

Also, do as much user experience (UX) and quality assurance (QA) testing as possible to make sure it truly works for your users on all devices you anticipate them using.

404 Pages

Don’t forget to create a custom 404 page and put helpful information on it. You don’t want to lose a visitor to your site by having a default browser error come up.

You should create a 404 page that includes helpful links, navigation, site search functionality, and contact options.

Much like mobile-friendly and site speed needs, having a secure site is important.

If your website isn’t under an SSL, you may lose users before they even get to your site when they see a security warning in Chrome or other browsers.

Instill trust in your website by taking the typically simple step of implementing an SSL certification on your site.

Plugins, Add-ons, Or Extensions

If you’re using a content management system, chances are that you are already using plugins or other code extensions that you trust.

Most platforms have tools that you can add to your site that provide additional control over SEO and analytics functions.

Whether these are WordPress SEO plugins or others for Drupal, Magento, etc., you should watch for trusted plugins, extensions, or add-ons that give you maximum control and functionality.

Core Web Vitals

Core Web Vitals is a category of additional technical page factors that now matter to Google.

These ranking factors are in addition to the Page Experience factors like mobile-friendliness and page speed. These page experience factors can definitely take you down a path into detailed coding and IT areas.

Be sure to do your research to learn about CWV. If you’re not the person responsible for the technical implementation of updates to optimize for LCP, FID, and CLS, then prepare your compelling case why they matter to SEO and bring the information to the team members you’ll rely on for implementing.

Pre-existing Issues

Do you have baggage from a previous site or old, outdated SEO tactics?

Or, maybe you have a legitimate reason for having duplicate content all over your site and the web.

Knowing what you’re facing is important before you get into on-page optimization.

If you have multiple duplicate pages, for a good reason, you’ll want to consider a canonical strategy or how you want to use robots instructions for indexing.

This is important to be aware of and sort out before you invest time and effort into page-level optimization.

Copyscape and Screaming Frog are among my favorite tools for finding duplication and analyzing content before digging into on-page SEO.

On-Page SEO Cheat Sheet

Most people tend to think about on-page factors (e.g., keywords, content, title tags) whenever SEO is mentioned. However, the days of optimizing just single parts of pages or websites as a strategy are gone.

The search engines care about context way more than keywords, so don’t be tempted to just update meta tags or body copy and move on.

The way we build context is in all of the on-page elements within a page and then thinking about how pages relate to each other within sections and navigation of the site.

Keywords & Topics

Before you can really focus on building context, you have to know what you want to build it for.

If you haven’t done keyword research or broader research on your target audiences, you’ll need to pause here and take some time to learn what topics and phrases your audience will use to find your website.

Remember that the days of stuffing terms into page copy or tags are long gone.

We have to use SEO tools to uncover the right terms, phrases, and topics that align with what we do. From there, we can drill down into individual words to apply within the site architecture.

Basically, you need to know the terms that matter, map them to your content, and then get to work on the rest of the on-page factors list to follow.

Content

Content is necessary to show relevancy.

If you have few words and aspects to your website it is hard to compete with sites that are robust and full of content. More isn’t always better as high quality definitely beats high quantity.

But, if you can achieve both, you’ll be in an even better place.

Rich content written for users that resonates with them and is clear to the search engines is where you win. Don’t be tempted to use outdated tactics that will harm the user experience and put you at risk with the search engines.

See Why Content Is Important for SEO for tips.

This is the first element of a page and one that is sometimes overlooked. The search engines can index ugly, faceted URLs just fine.

However, the URL is an opportunity to present a clean directory structure that includes keywords and context as to what the page is about.

Don’t miss the opportunity to customize the URL paths.

Title

Again, the title tag alone is not going to do much for you. However, you need to have a relevant, unique tag for each page.

Be mindful of best practices for length and the keywords that are most relevant to the page topic and write and implement static tags or ensure that you have dynamic formulas in place to populate the title.

Meta Description

Like the title tag, we need to have a custom and topically relevant meta description for each page.

Whether static or dynamic, make sure it is helpful to the user, contains keywords relevant to the content, and helps build context with the title tag.

Headings

Heading or “H” tags are debated in importance for SEO. Again, I’m not focused on a single element, but how all elements work in concert to build context.

If you can use heading tags, do so in an organized fashion and make sure they use keywords that are relevant. Try to use just one H1 tag and have it be the first.

Often website platforms or developers use these for CSS purposes so you might have no H1 tag on a page and a bunch of H6 tags. Be mindful of these and how they are woven into your code and content.

Body Copy

While much of the old school focus on latent semantic indexing, keyword density, and formulas for how many times words need to appear on a page is obsolete, you can’t ignore the fact that body copy on the page often accounts for the biggest block of indexable content.

Don’t skip out on including your focus keywords in the body copy as you need to tie into the context you’re building in the other areas up to this point.

However, don’t obsess over using a keyword 37 times. Do what’s natural and focus on the bigger picture and you’ll be in good shape.

Image Alt Attributes

One of the biggest red flags I get in results from accessibility and on-page auditing reporting tools is missing alt text. Alt text is helpful for search engines to understand what an image is about.

This is another opportunity to work keywords into a page. Plus, you need to consider those in your audience who may be using a screen-reader and ensuring that your site is fully accessible.

Structured Data

While not necessarily a direct ranking factor – Schema.org markup goes right to the heart of building context.

Using the appropriate structured data markup for your website content can help provide another cue to the search engines as to what segment or category your subject matter is in.

If your website platform doesn’t have an easy way to add this and if it is a big line item in terms of cost or time, put it at the back of the line behind the items noted above.

However, keep it on your radar.

External SEO Factors

This is the bonus section.

External factors are things that you can’t control on your website and don’t necessarily fall into a checklist.

However, I’d be remiss if I painted a picture that all you need to do are the indexing and on-page things and that you’re going to rise to the top of the search engines.

On-page factors influence relevance and trust of your content to the search engines. External factors influence your “authority” status and validate your site as the subject matter expert.

Links

Inbound links (a.k.a. backlinks) to your website from credible and authoritative websites play a huge role in SEO. Also important are unlinked brand mentions (a.k.a. citations) and how much your website is talked about on the web.

There’s a lot to be said about creating great content that people naturally want to link to.

To supplement your awesome content, it doesn’t hurt to look for great sources of quality links through natural relationships, accreditation, and possible traffic sources in your industry.

You want to focus your efforts on quality sources that are relevant to your subject matter – and never pay for a link in a way that violates the search engines’ respective guidelines.

Local Search

If you have a physical or service-based business, local directory and search site citations are key.

While claiming and properly owning your listing helps protect your brand at a basic level, you need to make sure your name, address, and phone number (NAP data) are accurate and consistent across all local and social directory listing sites that are relevant.

There’s an entire local directory ecosystem and if you can at least tackle NAP data, you’ll build a good foundation.

Social Media

Social media can also enhance your SEO (and other digital marketing) efforts, even if it won’t directly impact your rankings.

Ensuring that your website links to your owned and active social media accounts and vice versa is an important first step.

Beyond that, you need to ensure that your level of engagement is on par with your high-ranking peers. This is a relative scale, but by understanding what your competition is doing you can ensure that the SEO aspect of social is covered.

Conclusion

I hope this checklist helps you optimize your website. By making improvements to your website’s technical and on-page SEO, you will help Google find and index your content.

As you continue to optimize your website, keep an eye on your organic search traffic in Google Analytics to see the results of your changes.

More resources:


Featured Image: E.F.S/Shutterstock

Category SEO

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK