Are you wondering how to use WebP on WordPress and how to convert your current images in the WordPress library? You’ve come to the right place!
If you run a web performance on PageSpeed Insights, you may see the recommendation to serve images in next-gen formats to boost performance. Google is telling you to forget about JPEG and PNG and focus your image optimization efforts on image formats like WebP.
This guide explains how to solve this warning and everything you need to know about WebP on WordPress. You’ll also get a list of the best tools to convert almost any format to WebP.
What’s WebP Image Format?
Created by Google, WebP is a next-gen format for the web. It provides superior lossless and lossy compression for images while preserving quality. Compared to the traditional JPEGs or PNGs, this modern format allows you to create even smaller file sizes, resulting in a faster loading page.
If you are hesitating between the three formats and care about performance, choose WebP to serve optimized images on WordPress. You’re going to understand why.
JPEG vs. WebP
Both file formats compress images to make them easier to share on the web and preserve their quality. They look quite similar, so why choose WebP?
A WebP file is generally much smaller than a traditional JPEG. According to Google, a WebP image with lossy compression could be 25% to 34% smaller than a comparable JPEG file.
Have a look at the figure below: WebP (in red) achieves better compression compared to JPEG.
Let’s check this statement with our JPEG image weighing 3.7MB. After converting to WebP, the image kept the same quality, but the file size dropped to 1.3 MB.
PNGs are mostly used for web graphics without background, such as logos and illustrations, rather than high-quality photos. They usually take up more storage space than the other formats. WebP lossless images are, on average, 26% smaller than PNGs.
Let’s do another quick test and convert a PNG image to WebP. Our original file weighed 432 KB, and with a simple conversion to WebP, it shrank to 244 KB.
In 2023, all the major browsers support WebP. For example, this modern format is natively supported in Google Chrome, Safari, Firefox, Edge, the Opera browser, and other tools.
Browser versions that support WebP in 2023 – Source: CanIuse
Displaying WebP Images with Fallback for Older Browsers
Images are crucial to ensure a great user experience, so they should be displayed for every visitor, even the ones using older browser versions. If you want to play safe, you should enable a fallback to other traditional formats, such as PNG or JPEG.
How to Add Fallback to WebP Images
You can add the <picture> tag for your image to implement fallback if your visitor uses an old version. Browsers supporting WebP will display “dog. webp” while the older browsers version that don’t support WebP will fall back to “dog.jpg†element.
WebP fallback with the picture tag – Source: WP Rocket
Using a WordPress plugin like Imagify that allows you to convert your images to WebP and use the <picture> tags to enable the fallback on WebP Images.
Adding Fallback automatically to WebP images – Source: Imagify
How to Create and Use WebP Images on WordPress
As of WordPress 5.8, the WebP format is fully supported by WordPress. Simply upload your images to your media library and include them in your content.
4 Best Plugins To Create a WebP Image
There’s no longer any need to install a third-party extension to upload Web images to WordPress, but you’ll need a plugin to convert your existing images to WebP. Here are 4 WebP WordPress plugins you can use to convert images to WebP:
Imagify – an easy-to-use image compression plugin that offers WebP conversion. It’s free for around 200 images a month.
WebP Converter for Media – converts files in standard JPEG, PNG, and GIF formats to the WebP format.
WebP Express – adds a line of code to serve WebP images to users.
Shortpixel Image Optimizer – another image optimization plugin that converts JPEG, PNG, or GIF to WebP and AVIF.
How to Create a WebP Image on WordPress
The easiest way to create a WebP image on WordPress is to use a plugin like Imagify. All your images can be converted to WebP in one single click, along with bulk compression.
Upload your JPEG, PNG, PDF, or GIF to your WordPress library
From your WordPress dashboard, go to Settings > Imagify > Optimization Tab
Check the following boxes: Create WebP versions of images and Display images in WebP format on the site
Web Conversion from the WordPress dashboard – Source: Imagify
Bonus: If you are not a WordPress user you can also use design software such as Photoshop, Lightroom, or Sketch and export your media directly to WebP:
WebP export – Source: Sketch
Give an Extra Boost to Image Optimization
Along with image compression and WebP conversion, lazy loading is an additional way to serve optimized images to your visitors and boost your page loading speed. Using a script like Lazy Load means the browser only loads images above the fold (in the user’s viewport).
Lazy Loading on images that are not needed yet by the visitor – Source: WP Rocket
Additionally, in their performance report, PageSpeed Insights recommends to “defer offscreen images†which means applying lazy-loading:
Google’s recommendation to use lazy loading to boost performance – Source: PageSpeed Insights
How to Apply Lazy Loading to Your WebP Images
The easiest way to apply the lazy loading script to your WebP images is to use a WordPress plugin like WP Rocket. To implement lazy loading, follow those two easy steps directly from the WordPress admin:
Go to Settings > WP Rocket > LazyLoad tab
Tick the boxes of your choice amongst images, CSS background images, iframes, and videos.
Lazy loading feature with WP Rocket – Source: WP Rocket
Serving your images with the WebP format on WordPress is an easy way to boost performance. This next-gen format helps improve your Core Web Vitals by serving smaller image file sizes to your visitors – without impacting the quality!
Wrapping up: 3 good reasons to use WebP on WordPress – Source: WP Rocket and Google
WordPress and the major browsers now support WebP, so you don’t need to worry about compatibility. With a tool like Imagify or WebP Converter for Media, converting your images into WebP directly from the WordPress dashboard is easier than ever.
If you are willing to go the extra mile to boost your performance and optimize your images even more (with lazy load for example), give WP Rocket a try. It applies 80% of the performance best practice upon its activation and no technical knowledge is required. Also, there is a 30-day money-back guarantee, so you don’t take any risks – except the one to see your website loading faster!
Do you own a small business and want to boost your SEO? SEO is short for search engine optimization, which helps your website rank higher in search engine results. Improving your ranking is an efficient way to land more visitors and potential customers! More and more people want to work with local businesses rather than large corporations. Now is the perfect time to prepare your SEO strategy if you want to be found online.
In this guide, you will learn how to improve SEO performance for small businesses with 8 applicable techniques.
Let’s dive in.
Why SEO is Important for a Small Business
Is SEO worth it for small businesses?
Absolutely, yes: SEO is crucial for small businesses to be discoverable by local clients. The ultimate goal is to get your website to rank first to increase your customer base and be well-known in your community.
It’s a mistake to think you can’t compete with the bigger brands or large companies. When a local SEO strategy is well implemented, you can appear in the first results. Let’s see it in a real-life example.
An event is coming soon, and we are looking for a local caterer. We want to work with a small business from the area that knows the food specialties, so we can meet with the person and communicate easily.
In Google, we put the following query: “catering near Saint-Martin-Du-Varâ€
The first Google result: a small business located in the heart of the village.
A small business that ranks well – Source: GoogleMyBusiness
What Are The Benefits of SEO for Small Businesses?
Often overlooked, SEO is crucial for small businesses on many levels. The 6 main benefits of investing in an SEO strategy for your small business are:
Increase traffic, which may result in major sales growth
Expand your customer base from new markets
Improve awareness amongst the local tribe
Open your online business 24×7
Rank better than your competitors
Showcase your products and services online to convince customers to come to your brick-and-mortar location (greater online visibility brings more traffic to your physical shop).
Implementing an SEO strategy is very important for a small business, and you must know where to start and which tools can be used. We’ve done the heavy lifting for you and listed the best SEO tools.
Recommended SEO Tools for Small Businesses
There are a few SEO tools for small businesses to improve your ranking. Here is our checklist:
A crawling tool (e.g., Screaming Frog, Oncrawl, or Lumar)
Google Analytics (G4)
The Google Search Console
An SEO plugin (e.g., Rank Math, Yoast SEO, AIOSEO)
A web performance testing tool (e.g., PageSpeed Insights, GTmetrix)
A caching plugin
A keyword research tool (for competitor analysis and to establish a content strategy)
Let’s go over each of them so you can understand how they can benefit your small business.
1. A Crawling Tool
A website crawler helps small businesses improve onsite SEO by auditing their website for common SEO issues. A crawler inspects the site and reveals if any search engine indexing issues could be holding back the ranking. Crawlers provide data for technical SEO to drive increased ROI and ensure a successful business.
Good indicators that flag the urgent issues to fix: you’ll be able to take action on insights easily
Automated audits that are easy to understand
Perfect tools for initial SEO audits and quick validation
Possibility to run the tools only on the pages that will drive conversions or revenue for your small business (so you can focus your budget on what matters)
2. Google Analytics (G4)
Google Analytics is a free tool that allows you to monitor your website and know how many people are visiting it, which pages perform best, and your visitors’ behavior. A few metrics need your attention if you want to track your SEO and measure if your strategies are working for your business or if they need some adjustments.
Example of acquisition reports to identify the organic search traffic – Source: GA
Why We Recommend GA:
Check if your SEO strategy works with the following KPIs:
Measure organic traffic
Assign money values to organic traffic, so you know which pages make the most revenue
Check the user experience metrics: dwell time and bounce rate
Identify the top SEO landing pages
Top organic keywords and % of new visits
Pages per visit by organic keyword
Most successful keywords by goal completions (if you set up goals)
Site speed overview
Referral report (to check who is linking to you)
3. The Google Search Console (GSC)
A free Google tool to constantly stay on top of your website’s SEO performance, diagnose potential SEO issues, improve rankings and security, and maintain a great user experience. The Google Search Console can help small businesses technical and content-wise.
Overview of the Google Search Console – Source: Google Search Console
Why We Recommend Google Search Console:
It’s free
It’s an all-in-one SEO tool that tells how people engage with your website.
We suggest you monitor the following SEO KPIs for your business:
CTR (click-through rate): High CTR means that people find what they are looking for on your site. No need to make any changes to your meta title and description, for example
Average position: Tells you how a page ranks compared to your competitors
Check the appearance of the title and meta description in the search engine results
Use the URL inspection tool and information about search queries, clicks, and impressions
Find the top search queries that lead to impressions and clicks for your website
Identify slow pages
Track index coverage and check whether Google crawlers properly index web pages
Make sure page experience and Core Web Vitals are performing properly
Identify mobile usability issues (essential for your clients browsing on mobile)
Check out if some security issues from Google are marked
4. An SEO Plugin
If you are a WordPress user, we recommend using an SEO plugin to start your ranking optimization journey. They are powerful tools that analyze your site content-wise and provide technical reports.
Many web performance testing tools are powered by Lighthouse, a developer-oriented algorithm that collects data from audits that go over everything, from security to load speed.
It gives you a score between 0 and 100 for mobile and desktop. A high score means your website is optimized for speed and SEO. A low score comes with suggestions on how to improve performance.
Best Recommended Web Performance Testing Tools:
To run your own audit, you can use the two popular tools:
One of the best ways to improve your website’s loading time is to use a caching plugin that saves a copy of your site on a server. As a result, all subsequent visitors will be directly served with this copy, meaning that the page will take less time to load.
Page speed has been part of the Google ranking algorithm for many years, so if you want to rank well, you must offer your visitors a fast website and a great user experience. This user experience is measured thanks to the Core Web Vitals, three metrics that measure loading experience, interactivity, and visual stability of content.
Caching works out of the box just after you activate the plugin, no technical knowledge is required. 80% of the performance best practices are enabled by default, such as page and browser caching, cache preloading, and GZIP compression.
You can solve most of the PageSpeed Insights issues such as “defer JavaScriptâ€, “reduce unused CSSâ€, “defer offscreen images†and many more.
WP Rocket can address the main PSI issues for small businesses – Source: WP Rocket
7. An SEO Tool for Keyword Research and Competitors Analysis
You need a tool for keyword research so you know what to put inside your website. You also need to be on top of your competitors and check where they rank better than you.
Keyword research helps you find which keywords are best to target according to the most popular queries conducted by your audience. The insight you get from this search analysis is useful in shaping your content strategy.
You can start with a keyword overview with a tool like Semrush to get relevant data for your SEO strategy, starting from the keyword volume, difficulty, and keyword intent.
Keyword overview – Source: Semrush
Another way to get some keyword ideas is to use Google Keywords Planner. You’ll see in the next section how it can come in handy.
Best Recommended Tools for Keyword Research and Competitors Analysis:
Here are the best online visibility management and content marketing SaaS platforms:
Ahrefs
Semrush
Moz
Google Keyword Planner
8 SEO Tips for Small Businesses (Checklist)
To set up an SEO strategy for your small business and rank better, follow our tips below:
Technical SEO checklist and tools for small businesses – Source: WP Rocket
Let’s explain each SEO technique so you can easily apply them to your small business as soon as possible.
1. Identify and Solve Technical SEO Issues
Technical SEO is crucial for your website because it deals with all the techniques that improve your ranking. Optimizing your technical SEO makes your site easy to crawl, index, and understand for search engines.
Here’s our short checklist you can use to make sure the technical SEO profile doesn’t have any ongoing issues:
Now let’s run a web performance audit for “Le Point Gourmandâ€, a small caterer based in the South of France. This performance audit is part of the whole technical SEO analysis that starts from your website crawling.
Our performance score is 62/100, we have a Core Web Vital in the red and one in the green. Then if we scroll down, we can see the opportunities and diagnostics section. This is where Google tells you what (and how) you should improve your website to rank better.
Testing my web performance to improve SEO – Source: PageSpeed
Improving performance will benefit your ranking, so you must apply most of the PageSpeed Insights recommendations. In our example, what are the areas of improvement that this caterer could follow:
It looks overwhelming to address all the recommendations from above when you are a small business. Plus, you don’t necessarily have a whole team of developers at your service to optimize the code and the images.
Luckily, some handy WordPress plugins can do the heavy lifting for you, such as WP Rocket (one of the best caching plugins for WordPress) and Imagify (the easiest image optimization plugin). Both could easily fix our warnings and even move them to the passed audits.
So here’s a small recap about technical SEO and performance when you run a small business:
Launch a crawling of your website and analyze data accordingly
Always check your performance and your Core Web Vitals
To do so, run an audit on PageSpeed Insights
Check your performance results
Install the tools we mentioned (WP Rocket + Imagify) to fix most of the warnings
Enjoy a faster site and a better ranking for your small business
2. Optimize Your Website for Your Customers
Customers need to find what they are looking for. It sounds obvious, but there are a few techniques you can follow to optimize your content, including your products:
Analyze Your Current Site
Conduct Keyword Research
Perform on-page Optimization for Category and Product Pages
Let’s start with the first essential step.
Analyze Your Current Site (e.g. with Rank Math SEO plugin)
Understanding the current SEO performance of your site is the first step toward improving your ranking. You can use a WordPress plugin to run a complete audit of your website and offer some suggestions. For example, that’s how Rank Math analyzed our catering site:
It starts with a basic SEO audit that tells you what to improve in priority. For example, more efforts can be made: no H1 on the homepage and no alt attribute on the images. Those recommendations altering SEO, the caterer could easily fix them.
Conduct Keyword Research
Keyword research is essential for on-page optimization. Find out which keywords are most relevant to your products and use them throughout your page, including in the title, headings, and meta tags. That will make your pages well-organized and easy to navigate.
Where to start?
Use a tool like Semrush to conduct keyword research that matches your business. For example, start with a seed keyword. We enter the term “traiteur†(meaning caterer in French). We can see two opportunities for the topic “marriage†and “Italianâ€. It may be worth adding to write-up two dedicated pages about both keywords.
Example of keyword research – Source: Semrush
Additionally, you can use Google Keyword Planner to discover new keywords related to your business and check estimates of the searches they receive. If you are planning a Search campaign (paid advertising), this tool also tells you the cost of targeting specific keywords.
Conduct On-page Optimization for Category and Product Pages
Category pages are like home pages for a particular product category. Here’s how the wedding dress creator Laure Desagazan, created a category page dedicated to bridal shoes:
Example of a category page gathering all the bridal shoes- Source: lauredesagazan.fr
If you want your category pages to rank better in search engine results, follow these techniques to optimize them for SEO:
Improve your metadata, such as the title tag and meta description, with the relevant keywords.
Use relevant headings
Emphasize category navigation: makes your page easy to navigate
Add internal linking for related items or “items you may like†with clear subcategories to enhance your category pages’ SEO.
Add header and footer links
Use featured content
Use e-commerce tags and taxonomies, which allow you to classify products and services online.
Example of categories from Atelier de famille (a jewelry shop) that help users to navigate – Source: Atelierdefamille
Always remember that an online shopper has limited shopping time. A clear product hierarchy with the right categories (or taxonomies) will help the buyer to choose the right product quicker.
Effective product hierarchy = improved buying experience = more sales for your small business
Another important thing for SEO is to optimize your product pages. Follow our tips below:
Use the most important keywords in the product name and description
Use good-quality images
Add a zoom feature
A video can also be useful to improve engagement
Mark up product pages with “Product†structured data to be displayed in rich snippets.
How to implement our suggestions:
Use a page builder that lets you create a custom shop page and custom header(e.g. Divi or Elementor). They make it easy to create your own categories and navigation.
Use a WordPress plugin like Imagify to optimize all your image products in one click. This will boost your performance while maintaining a great image quality.
Use Schema Pro to implement the product structured data. Below is an example of product structured data with the ratings, reviews, price, and stock status.
3. Create Content Resonating With Your Audience Needs
One of the solutions to create content that resonates with your audience is to launch a blog. But what to write? Which topics should you cover? You can find long-tail keywords and keywords directly from the Google search box:
Example of topic that could be mentioned in a blog for a caterer – Source: Google Search Results
Once you have written your post, you can use a plugin like Yoast SEO to ensure your content is well-optimized for SEO. Add your title tag and meta description for a blog post about wedding catering. In our example below, we added the target query, SEO title, slug, and meta description. There is also a preview to see how it will look like on Google:
Here are 5 tips to remember when you start a blog to connect with your local customers:
Match search intent and perform keyword research
Find topics relevant to your audience
Create a well-optimized title tag and meta description
Structure content to ensure readability
Serve beautiful (but optimized images) to avoid performance issues
4. Run A Competitive Analysis
As a small business, you still need to be aware of what your competitors are doing in terms of products, services, and prices. But what’s even more important is to know how competitors are doing online: who ranks better than you and on which keywords.
Here are 5 techniques you can follow to start a competitive analysis:
Make a list of your SEO competitors – they are websites competing for your wanted keywords in organic search (it could be a different industry)
Investigate how your competitors are getting traffic
Cover content and backlinks gaps
“Spy†on competitors’ features snippets
Find your competitor’s broken pages
You can use a tool like Ahrefs to perform a complete competitor analysis, including the 5 techniques we just mentioned.
For example, here’s how Ahref Site Explorer helps you to identify competitors fast:
Finding who the SEO competitors are – Source: Ahrefs
5. Set Up and Optimize Your Google My Business Profile
A Google Business profile is a good start to set up SEO for your small business. And extra bonus: it’s entirely free! It helps to showcase products, give information about the opening hours, upload images, and gather clients’ testimonials. It’s a social proof that will make your business trustworthy by the search engines and potential clients.
An optimized Google Business profile helps people find your business when searching for products or services like yours in their local area.
A Google Business profile can significantly improve your local SEO, as you can see in our example below.
When we search “catering near meâ€, the first link coming up is the Google Business profile of our caterer “Le Point Gourmandâ€! We can also see the pin on Google Maps, which reinforces the idea of proximity, as the “near me” location is clearly visible.
It’s not even the website or the social media that comes up in the first position but the Google Business profile.
Google My Business improving SEO for local businesses – Source: Google My Business
How to Optimize Google Business Profile for Small Businesses
Here are 9 applicable tips to optimize your Google Business profile as a small business:
Add your real business name, description, and category
Upload HD and clear pictures (and videos)
Post regular articles
Write compelling descriptions
Ask your clients for testimonials
Reply to existing testimonials
Make sure your opening hours are accurate
List a local phone number to be reachable
Activate Google Messenger
6. Add Schema Markup
With Local Business (LocalBusiness) structured data, you can tell Google about business hours, products, and reviews and even mention a menu if you are a restaurant. By using this structured data, Google will retry all that information directly from your website and be more likely to present it to clients. Interesting for SEO, isn’t it?
Below is an example of two businesses using a different approach. The first listing looks much more attractive with a picture, a great review, and the average price. As a customer, I’m more likely to click on the first one as it looks more trustworthy. We can also conclude that structured data also improves the click-through rate, meaning more visitors coming your way!
Example of structured data on a website to improve CTR – Source: WP Rocket
Use the “Local Business†schema type to give your local business a dedicated page in search engine results.
To implement structured data, you can do it yourself by following this local business structured data documentation. For reference, The properties to add to your website look like this:
If you don’t want to touch any piece of code, there are also WordPress plugins available like Schema Pro that can do the job for you.
7. Create and Optimize Online Listings
Creating online listings on directory websites is an easy way to improve your local SEO. Optimizing your on-page and technical SEO is great, but you should also make sure to be listed on directory sites such as the Yellow Pages, Yelp, TripAdvisor or Foursquare. This will boost your brand awareness and improve your online presence easily.
How to Optimize Your Online Listings
Always be consistent and accurate with the NAP (Name, Address and Phone number) and the description of your business because Google values accurate information for its users.
Ask for reviews and testimonials and reply to them – this will show that you are a business that cares about customers.
How to Identify the Directory Sites to Be Listed On?
There are tools like Semrush that can tell you what to improve and which directory sites you should target to expand your coverage. For example, the caterer Le Point Gourmand should also consider AroundMe, 118000.fr or Yelp.
Finding out which directories to target for small businesses – Source: SEMrush
Another way to identify the best directory sites is to run a Google search with your competitors and see where they are listed. If you are not sure about the popularity of a directory, you can take its URL to SEMrush and check two things:
The domain authority
The monthly organic traffic
Why You Should List Your Business on a Directory Site
The major benefit is that you are getting “backlinks” because most local directories allow you to add a direct link to your website. Most of the directories are websites with a high domain authority. By listing your business on these directories, you will indirectly increase your website’s domain authority by getting a “mention†from a popular site.
Pro tip: consider adding a tracking link at the end of the URL on each directory so you can check on Google Analytics to know which one brings you the most traffic.
That takes us to our next point: to execute a link-building strategy
8. Execute a Link-building Strategy
A link-building strategy means to have your website URL mentioned on other websites. It’s a powerful SEO technique that improves the trustability of your business. You can also benefit from targeted referral traffic, and Google will find new pages on your site faster, meaning a better ranking for your small business.
Let’s take the example of the caterer (Le Point Gourmand) and one of his competitors (Le Crystal). From the SEMrush dashboard, we go to the backlink gap and hit the Find Prospects button.
Do you want to know how to reduce page weight on your WordPress site? Knowing your page size is a good start in your speed optimization journey. The smaller your files are, the faster it will take for your browser to download and render them to your visitors. Users expect to find the information they are looking for as quickly as possible, and if they don’t see what they are looking for, they will remember that they are just one click away from the competitors.
One golden rule to remember: reduce your web page weight to serve your content fast and keep your visitors (and Google) happy!Â
Our guide will help you understand the basics of page weight, how to check the size, and how to make a web page smaller to boost performance.
What’s Website Page Weight or Page Size?
Page weight – also called page size – tells you how many bytes were downloaded by the browser. It refers to the total byte size of a web page when adding up all the following assets used to generate the page:
CSS – which is used to style the page
JavaScript – that provides interactivity
HTML – that makes up the page
Fonts – the way you use them on your website can affect its performance
Image and other media files – such as audio or video
Measuring the web page weight is the answer to “How many bytes were downloaded to load this specific page?â€
How to Check Your Web Page Size
Many different techniques can be used for measuring a web page size, but two of the most popular are GTmetrix and WebPagetest. The approach is straightforward for both performance tools, and here’s how it works with GTmetrix:
Add the URL of your site in the search bar and hit the Analyze button.
Running a test using your URL to find out the webpage size – Source: GTmetrix
2. Simply check the results in the Page Details section: we got 224 KB for WP Rocket, which is a good score compared to the average worldwide, as shown in the next statistics section.
Now that you know more about web page weight, we thought it would be interesting to share some key figures about what takes up the most space on a web page.
What Is The Average HTML Page Size In 2023?
The average HTML page size in 2023 is around 2.5MB for desktops and 2.2 MB for mobiles, according to httparchive.org.
JavaScript is the next largest contributor for desktop and mobile page loads and consumes, on average, 533 KB on mobile and 587 on desktop. It’s essential to optimize it if you don’t want to impact your site’s performance.
The average weight page is around 1-1.5 MB on mobile and desktop, so anything under or within this range is ideal. However, if you need videos and lots of media, anything under 3 MB is still acceptable. Keep in mind that the heaviest your page is, the harder it will be to optimize it for performance.
Why You Should Make Your Web Page SmallerÂ
Here are 3 reasons that will convince you to start reducing the size of your web page:
Ensure Fast Loading Speed And Provide a Seamless User Experience on Mobile
Improve Your Ranking on Search Engines (SEO)
Reduce Bandwidth Costs.
It’s mainly about making your website faster and more visible on Google while delivering an exceptional user experience to your visitors.
Let’s see what it takes to make it possible.
How to Reduce Web Page Size (Including HTML)Â
To reduce the size of a web page, you can apply the 5 following performance techniques:
Before installing any extra plugins, make sure to keep your website lean with accurate content and only useful information. Use images wisely, and don’t add anything extra that will not benefit your visitors. Now, let’s go over each tactic so you can start reducing your web page size as soon as possible!Â
1. Enable CachingÂ
Caching is an efficient technique to reduce the size of your page because you won’t need to include the whole content on every page of your site. As a result, using caching also improves the speed because it loads the previously stored version from its cache.
Tools to implement caching:
WP Rocket is one of the best caching plugins for WordPress that applies the best performance practices right upon its activation. You don’t need to do anything. WP Rocket automatically implements caching and GZIP compression, allowing you to reduce your page size easily.Â
Caching and advanced optimization features – Source: WP Rocket
2. Optimize the Code
As seen previously, a web page’s weight is mainly made of code, media, and third-party elements. By optimizing the delivery of HTML, CSS, and JS, you will certainly reduce the size of your page. Code optimization can be done through minification or delaying the load of non-critical code. Below is an example of what CSS’s minification looks like:
Images are the elements that take up the most space in a web page, so optimizing them as much as possible is crucial. We suggest you resize your images for the web, compress them without impacting the quality, and serve them using the WebP format.
On average, Google found out that the average WebP file size was 25%-34% smaller compared to JPEG.
Tools to optimize images:Imagify is the easiest image optimization plugin that automatically compresses your images without degrading their quality. The plugin perfectly balances performance and image quality and comes with a bulk compression option. It also offers WebP conversion to save even more image bytes and make your web page size lighter.
Converting images to WebP to save space on a web page – Source: Imagify
Other online tools are available, like CompressJPG or Tiny-img, but you’ll need to browse your computer to use your images there, compress them, and re-upload them on WordPress.
Interested in Image optimization? Imagify put together 3 easy-to-read guides that explain:
Often forgotten, web fonts can add up quickly to slow down page speed and increase the page weight. Optimizing fonts is an important step in reducing the size of a page and can also help refine typography and the overall design of your site. Font delivery optimization can be done thanks to preloading, meaning that you tell the browser to start downloading fonts immediately before the final page is rendered.
Tools to optimize font delivery:
WP Rocket has a preload fonts feature telling the browser to start downloading fonts immediately. Otherwise, they would be discovered much later. It gives you more control over how the fonts are loaded, which helps optimize performance and improve your site’s perceived page load time. Â
Here’s a detailed guide about font optimization and how to remove any flash of unstyled text (FOUT), that is when you briefly see the page with another web font (browser’s default style).
5. Use a CDN
While CDNs don’t directly reduce the size of a page, they contribute to serving content faster. They reduce the distance between the user and the servers thanks to caching and points of presence located around the world.Â
Web page size is important for the ranking of your website because it directly affects your speed. Larger web pages load slowly, which means that Google penalizes them. To prevent those performance issues, a CDN can be one of your best allies.
Tools to optimize content delivery:
RocketCDN – If you are looking for a CDN that does the heavy lifting for you, then it’s one of the best value for money on the market. It even sets up the CNAME and configures your DNS record for you.
How to Reduce a Website Page Weight With WordPress Plugins
Here are two plugins you can use to reduce your web page weight easily and without touching a single line of code:Â
WP Rocket: one of the best caching plugins for WordPress
Imagify: a super easy-to-use image optimization plugin
In this section, we are showing a real case scenario using WP Rocket and Imagify, and we will compare the page weight of a web page before and after using them. Here’s what my page looks like:
Scenario 1 – My web page size without any performance pluginsÂ
Total page size without WP Rocket and Imagify – Source: GTmetrix
Total Page Size: 1.30 MB
Space taken by CSS: 59 KB
Space taken by JS: 728 KB
Space taken by fonts: 234 KB
Space taken by images: 86 KB
Scenario 2 – My web page size with WP Rocket and Imagify
Reduced page size with WP Rocket and Imagify – Source: GTmetrix
Total Page Size: 158 KB
Space taken by CSS: 50 KB
Space taken by JS: 44 KB
Space taken by fonts: 47 KBÂ
Space taken by images: 26 KB
Here’s a visual comparison table that highlights the differences that two plugins make in terms of page weight:
Unoptimized web page size
Web page size with WP Rocket + Imagify
Total Page Size
1.30 MB
158 KB
Space taken by CSS
59 KB
50 KB
Space taken by JS
728 KB
44 KB
Space taken by fonts
234 KB
47 KB
Space taken by images
86 KB
26 KB
Key Takeaways
WP Rocket and Imagify significantly reduced my web page size. It went from 1.30 MB to 158 KB.
JavaScript was optimized thanks to minification and enabling the “load JS deferred†feature.
Fonts take up only 47 KB against 234 KB before installing WP Rocket.
Key Features We Used
The optimization is really easy to do with WP Rocket and Imagify. All you need to do is check a few options directly from the WordPress admin. With WP Rocket, 80% of the performance best practices are even applied right upon its activation!
Reducing web page size with WP Rocket and Imagify – Source: WP Rocket
All options are intuitive and can be accessed from different tabs. Most of the features help reduce the web page weight and boost performance. WP Rocket is also helpful to fix the vast majority of the PageSpeed Insights performance audits and pass the Core Web Vitals assessment as it applies caching, optimizes the code, reduces the number of requests, and much more.Â
Wrapping Up
To reduce the size of your web page, you can use WordPress plugins like Imagify and WP Rocket. WP Rocket will help you implement caching, optimize your CSS and JS, and improve your Core Web Vitals. Imagify is your best bet to optimize your images and convert them to WebP while preserving the quality. With the right tools, reducing the web page weight is a real breeze!Â
The good news is that you can try Imagify for free, and WP Rocket can be refunded within 14 days if you feel it’s not for you. Don’t waste more time: improve your performance by decreasing your web page weight today!
Do you want to learn how to optimize your blog for SEO? That’s a crucial skill because, as a blogger, you want your articles to be read by your audience. SEO is about creating relevant online content and capturing the most suitable website or blog traffic through search engines. Thanks to this guide, you will learn 8 main actions to perform SEO optimization on your blog and ultimately rank better.
Why SEO is Key for Your Blog
SEO is crucial because it makes your blog more visible and increases traffic through organic (non-paid) search results. For content writers, SEO is key because it helps your content to be seen and found by an audience that is actively searching for it. What’s more, if you want to monetize your blog with advertising, affiliations, and sponsored content, then you need to be able to show impressive demographics and marketing data (such as number of visitors, average time on page) to conclude the partnership.
Most SEO tactics go under three categories: on-page SEO, off-page SEO, and technical SO. Here are the main impacts of the different SEO activities on your blog:
Technical SEO
All the elements directly impact how search engines index and crawl your site. To optimize your technical SEO, you must review the blog structure, robots directive, canonicalization, broken links, site speed optimization, XML sitemaps, duplicate content, and structured data.
On-Page SEO
To be findable by your audience and keep your reader interested, you must focus on the content and use engaging blog post structures.
Off-Page SEO
If it’s well-written and easy to read, people will be more likely to share it on social media, meaning more backlinks and mentions on other sites.
Technical SEO, on-page, and off-page optimization are interconnected and are essential strategies to improve your blog’s ranking on search engine results. It can also help you to outrank your competitors and increase brand awareness. Let’s go over 8 SEO best practices you can follow to optimize your blog for SEO.
8 Best Practices to Optimize Your Blog for SEO
Here are 8 best practices for a blog you can follow to get more organic traffic coming your way:
1. Keyword Research
Keyword research is the process of analyzing and finding the best terms and topics to include in your blog according to the most popular queries made on the web. Regarding keyword research, the first step is to identify the user’s search intent, then find a targeted keyword for each post and create a detailed outline. Let’s break down the three steps of action to add a list of useful tools to complete each.
Step 1 – Find User Intent
To find the user intent, you can use tools that gather all the Google searches made around the world, such as:
Answerthepublic.com – a powerful tool that summarizes the queries made on Google. It’s available in 16 languages for the most popular countries.
In our example, we searched for “hotels parisâ€, in the US, in English:
Checking the most asked questions around “hotels paris†on the web – Source: Answerthepublic.com
Here are the most asked questions in the US around this topic which could become some topics for a next blog post:
Best Paris hotels
Best areas to find the hotels
How much are Paris hotels
The most asked questions around “hotels Paris†on the web – Source: Answerthepublic.com
Google Trends – to identify the trending topics and see how Google is being used in specific countries. ​​
Step 2 – Find a Targeted Keyword for Each Post
Targeted keywords are usually small phrases, not individual words (as opposed to main keywords) used when searching for information. Your targeted keyword should appear in your introduction and be included in the H2/H3 of your article. To find a targeted keyword, you can use one of those tools:
Google Keyword Planner – A powerful research tool from Google that lets users discover new target keywords and get search volume and forecast for specific phrases.
SEMRush (Keywords Magic Tool) and Ahrefs– Both powerful SEO tools that (amongst other actions) help build a target keyword list that fits your website. They give invaluable tips to improve your site SEO by auditing and analyzing your website and competitors from different aspects: keywords, content ideas, backlinks, and ranking.
Look at Google’s “People Also Ask†boxes – they will help you find the best topics for your audience.
There are three main elements to pay attention to when conducting keyword research: relevance, authority, and volume.
Step 3 – Create a Detailed Outline
Based on our previous keyword research, you should create a plan from a unique angle. Your content should stand out from your competition and resonate with your audience.
For example, let’s say you want to write about how to make an apple pie like a Chef. Then, interview a famous chef to make your content stand out! Then, use this angle to show your audience that your recipe is special because it came from this famous Chef. This type of angle reinforces trust and credibility, encouraging users to click on your blog instead of the competition.
2. Focus On On-Page SEO
On-page SEO (also called “on-site SEOâ€) is the process of optimizing the content of a web page for search engines and visitors. The most popular on-page SEO practices include optimizing title tags, headings, content, internal links, and URLs, but make sure you complete all the optimization tasks below to appear higher in search results:
Identify Target KeywordsÂ
Optimize the Title TagÂ
Write Your Headline in H1
Mark Up Subheadings with Header Tags
Use Internal Links to Improve Navigation
Write a Meta Description that Makes Users Want to ClickÂ
Add Target Keywords to Your ContentÂ
Review Your Content Readability
Apply Schema Markup
Check the URL SlugÂ
Bonus: Work on your technical SEO
Make Sure Your Page is Mobile-Friendly
Make Sure Your Page is IndexedÂ
Increase Page Performance
On-Page SEO optimization checklist for your blog posts – Source: WP Rocket
3. Create an Easy-to-Read and Compelling Structure
To write an SEO-friendly blog post, it should start with a title, an introduction, paragraphs, sections, and relevant images and finish with a conclusion with a final call to action. You can create many types of articles: the how-to, the listicles, the comparison, the expert round-up, or the interview.
Also, keep in mind the pillar strategy to improve your blog SEO. A pillar page is like a hub that focuses on a key topic, with many other related articles related and links to it.
Once the structure is well-defined, don’t overlook content optimization. You should write for users and search engines. That includes the following 10 actions:
Optimize the introduction with a catchy beginning and the target keyword
Include targeted and semantically related keywords in the body content
Establish your structure with efficient keywords (low difficulty but high volume)
Manage keywords density, avoid randomly adding the keywords just for the sake of it, and try to limit the occurrence to 10/20 depending on the length of the article
Cover the topic like an expert to stand out from the competitors, what can your article cover that they don’t?
Interlink for bots crawling and visitors who want to navigate easily through your content
Update your blog post content regularly, including the title (e.g., 10 fast themes in 2023, in 2024, etc.)
Use a table of content to help visitors to jump to the topic they are the most interested in
Content optimization helps your content rank higher and generate more leads.
4. Take Advantage of Internal Linking
Internal linking is crucial to on-page SEO optimization, which helps users and search engines navigate your blog better. When implementing the strategy, always keep those 4 elements in mind:
Use descriptive anchor text (see our example below)
Link new posts to old posts
Check for broken links
Open the link on the same page
Use descriptive anchor text in your blog post content – Source: WP Rocket
To implement your internal linking strategy, you can use one of the big three plugins (Rank Math SEO, Yoast SEO, AIOSEO). They can help you by suggesting relevant pages and posts on your site that you can link to. On top of that, the Broken Link Checker plugin will help you monitor your WordPress site’s external and internal links.
5. Have Backlinks Opportunities in Mind
Backlinks are links from blogs and other online sources that you decide to add to your content on a particular blog post. But what if you want other blogs linking to your article? It’s quite simple if you follow those golden rules:
Create a blog post with data-driven studies
Design impactful infographics and powerful visuals
Write in-depth guides
Put together a “resources†page with accurate and up-to-date data
Find broken links on pages within your niche and ask webmasters to replace them with your article
Perform a link gap analysis to identify sites that link to your competitors but not to you (SEMRush is great for this)
Interview or ask for a testimonial, this person will likely share it on their own blog or social media
Write strategic guest posts
6. Include Structured Data and Get the Most out of Featured Snippets
Structured data is a standardized format for providing information about your blog post and classifying the page content. For example, a recipe blog could use schema markup to flag ingredients, instructions, cooking time, reviews, and tags like “vegan†on their recipes.
If you prefer not to code, try a WordPress plugin like Schema Pro. It helps you provide clues about the content of a blog post to Google. Use “Article Schema†to help search engines better understand the correct headline, published date & primary image
If you are good with coding, you can generate the Schema Markup with JavaScript and add it to the HTML. Below are the recommended properties by Google when using Article(Article, NewsArticle, BlogPosting) structured data in your blog. This will help Google understand more about the web page and show better title text, images, and date information for the article in search.
Since 2021, Google has officially added three Core Web Vitals to its search algorithm. They measure the user experience through three axes: loading performance, interactivity, and visual stability of the page. Anything towards improving those metrics will positively affect your users and your blog’s ranking on search results pages.
To optimize the performance of your blog post and improve your page loading speed, Google PageSpeed Insights mainly recommend you to:
To address PageSpeed Insights performance recommendations and improve your Core Web Vitals, you can use both WP Rocket and Imagify.
WP Rocket – one of the best caching plugins for WordPress that improves your blog’s Core Web Vitals (and SEO). It does all the work for you: it implements caching and GZIP compression upon its activation, optimizes your code and adds lazy loading on images in a few clicks.Â
Imagify – the easiest image optimization WordPress plugin to compress your images and make them lighter without impacting their quality. The plugin also offers WebP compression, the next-gen format Google recommends in terms of compression levels.
The best thing about Imagify is that it reduces your file size while retaining great quality for the people visiting your blog:
Quality is unchanged after compression and WebP conversion with Imagify – Source: Source: Imagify
Imagify has a clean interface showing only the most important options when it comes to image optimization:
Bulk image optimization and WebP conversion with Imagify – Source: Imagify
Here is an example of performance issues fixed thanks to Imagify and WP Rocket:
Blog optimization: passed audit with WP Rocket and Imagify – Source: PSI
If you are not familiar with performance optimization and PageSpeed Insights, you can find below a real example of a performance audit that comes with the “opportunities†and “diagnostics†sections.
Most of the issues flagged by PageSpeed Insights can also be addressed with WP Rocket and Imagify.
8. Set up Google Search Console to Track Performance and Reiterate Optimization
SEO optimization is long-term work, so tracking and monitoring your efforts is important. Google Search Console helps you to understand how Google crawls and sees your blog. It shows you how to maintain and troubleshoot your blog’s presence in the search results. The main tabs are:
URL inspection – checks if your page is well-indexed, allows you to request a new page indexing and see the crawled page
Performance tab – The Search results page tells you the impressions, CTR, position, keyword cannibalization, and mobile/desktop performance
Index tab – it helps you identify any potential issues preventing your page from being indexed on Google (see our example below)
Experience tab – measures the Page experience as the latest SEO ranking factor. It includes performance data on Core Web Vitals and information on mobile usability.
Being an excellent content writer is not enough, you also need to follow the blog SEO rules we just mentioned in our article if you want your article to rank. Keywords, content, and performance are the three areas of optimization you should focus on. Ultimately, it all comes down to serving original and structured content to the right audience on a fast website. For the performance optimization side, give WP Rocket a try! It’s a powerful WordPress plugin that implements caching and optimizes your code, fonts, and database in a few clicks. And remember, you take zero risks with our 30-day money-back guarantee.
Are you experiencing any performance issues on WordPress? Cleaning up your database is a necessary step in your optimization journey. If you’ve been using WordPress for a while, chances are your database is cluttered and filled with tables you no longer need. It looks like it’s time for a clean-up! But where to begin? Which content can be deleted without compromising the smooth running of your website? That’s precisely the purpose of this guide: you’ll understand which content you can delete (and how) to optimize your WordPress database.
Cleaning your database makes it run more efficiently and helps boost performance by clearing up significant space. If you delete all the stale and outdated data, you can remove the bloat accumulated over time (which could have harmed loading times).
Your WordPress database is a mix of all your site’s essential content, including themes, plugins, comments, posts, pages, and revisions. While some elements should never be deleted, it will not harm to trim the excess of old information around three main optimization areas:
Reduce the database size from unnecessary entries
Index fewer data on tables subject to clean up
Rebuild indexes
By following those three rules, you’ll optimize your database, improve the performance of your website and significantly reduce server loads.
Let’s go over the 10 applicable tips you can use for a good clean-up of your WordPress database.
10 Best Practices to Clean and Optimize a Database on WordPress
With WordPress, you can optimize your database in a few different ways. We have put together 10 best practices you can follow to clean up your WordPress tables – and it should always start with a backup!
1. Backup Your Database
Always take a database backup before starting the cleanup and deleting any tables. If you happen to remove the wrong data, the whole website could go down. You can use FTP, your hosting panel, or a WordPress plugin like UpdraftPlus to complete this task and be on the safe side.
2. Delete Old Plugins, Themes, and Post Data
If you decide not to use a plugin or a theme, we recommend you delete them and all their data.
To delete unused plugins, go to Plugins → Installed Plugins. Then, click Delete under any plugins you’d like to remove. Follow the same path from Appearance → Themes if you want to delete all the themes.
In the same spirit, get rid of the posts and pages that have been sitting too long in your admin, and that will never be published.
3. Delete or Limit Post Revisions
WordPress allows you to control how many revisions you want to keep for an article, which can be very handy if you need to restore an older version. To limit post revisions manually, simply add this code to your WordPress site’s wp-config.php file:
define( 'WP_POST_REVISIONS', yournumberhere )
4. Delete Spammy and Unapproved Comments
Everybody who owns a WordPress blog knows how annoying it can be to get spam comments. Don’t let them pile up; delete them immediately to avoid clutter. Similarly, if you don’t approve a comment, make sure it gets deleted from the admin. Some anti-spam plugins like Akismet may be your best ally.
You can use phpMyAdmin to bulk delete all the spam comments by opening the WordPress_Comments table as shown below.
Tags help organize your website’s content by categories. It can help a visitor in the navigation and the overall user experience. However, if some tags become obsolete, delete them from the tags section accessible from the posts > tags section.
6. Delete Old Shortcodes
Shortcodes are handy to add extra functionality to WordPress posts and pages without writing any code. But what happens if you delete the plugin or don’t want to use a shortcode? Your website gets unnecessarily bloated, and the visitors may see the hooks of the shortcode instead of the content:
[some-random-shortcode-seen-by-visitors]
One of the solutions would be to go manually through the list of shortcodes and delete all the unused ones. Another way would be to use a plugin like Shortcodes Finder that lets you find and optimize all your shortcodes.
7. Delete Pingbacks and Trackbacks
When your site includes a URL linking to another site, this sends an automatic server notification called a “pingbackâ€. Trackbacks and pingbacks are methods for alerting blogs that you have linked to them, and the messages can fill up the database. To fix this issue, you need to disable both by heading to Settings > Discussion in WordPress and deactivate the first two settings:
Deactivating trackbacks and pingbacks – Source: WP Rocket
8. Delete Transients
Transients are a type of temporary data cache, so you can use them to store data, but only for a while. You can check how many transients are being stored in your database tables by using phpMyAdmin, then you can search for the following option name in the database:
_ transient _%
Then, delete all the transient tables manually from the dashboard. You can also manage and delete transients in WordPress by using the Transients Manager plugin.
9. Clean Orphan Data
Orphaned data can appear in various forms within your database, such as unused metadata, unused terms or tags, unattached media files, and more. These data fragments take up valuable space and can clutter your database. An example of orphan data is a piece of information that still sits on an organization’s network (or server) but was created and owned by a now-deactivated employee.
You can use a plugin like WP-Optimize or WP Sweeper to clean orphan data. If you prefer to do it manually using a MySQL request, we recommend you read this tutorial about how to find the orphan data and delete it.
10. Optimize Tables
The ultimate point of the database optimization journey is cleaning up the tables. WordPress has 11 tables by default, but more will be added according to the theme and plugin you install.
WordPress database tables by default – Source: WP Rocket
Optimizing a database requires great care, and you must be cautious. We are sharing two ways of doing a full database clean-up: manually with phpMyAdmin or automatically with a WordPress plugin. Let’s go over both methodologies.
How to Optimize Your WordPress Database With phpMyAdmin
To manually optimize your WordPress database, you will need to login into PHPMyAdmin via your hosting provider and follow the steps below:
Log in to cPanel and open the PHPMyAdmin tool.
Select the tables that need to be optimized from the structure tab. You can also select them by checking the “Check all†box below the table lists.
Selecting the tables that need optimization – Source: phpMyAdmin
3. Once the tables are selected, open the dropdown menu located next to the Check all button:
The dropdown menu to select the different options – Source: phpMyAdmin
How to Optimize Your WordPress Database With a WordPress Plugin
The easiest and safest way to clean your database is to use a WordPress plugin. It will do the heavy lifting for you, and you won’t need to touch any of the tables to start your optimization journey. The best plugins to optimize your WordPress database are:
One of the best caching plugins for WordPress that will optimize your database in one click. It’s also the most powerful extension to boost your loading time, improve your PageSpeed performance score, and optimize your Core Web Vitals.
From the WordPress dashboard, open the Database tab and select the advanced options of your choice. You can limit the number of revisions, trash the spammy comments and transients, and schedule an automatic daily, weekly, or monthly clean-up.
One of the most complete plugins that focuses only on database optimization. It will clean up your database by deleting orphaned items such as “old revisionsâ€, “spam comments†and more advanced options. From the first tab, you can do a general clean-up:
WP-Optimize cleans the database, compresses images, and also caches pages. It clears out unnecessary data, cleans up your tables, and retrieves space lost to data fragmentation. There are also some stats about the database and the potential savings you could get after the optimization.
The database optimization tab – Source: WP-Optimize
The plugin lets you clean up unused, orphaned, and duplicated data in your WordPress database. It cleans up revisions, auto drafts, unapproved comments, spam comments, and more. It also optimizes your database tables quickly and efficiently.
Perfmatters is a premium WordPress plugin that comes with a dedicated database tab. In terms of optimization, you can disable or limit the number of post revisions that WordPress stores or automatically delete the spam comments to keep your database always clean.
As a final note, there is one golden rule to follow; you should always keep only relevant information stored in the database and lower resource usage. You can achieve better performance and maintain good database health by regularly deleting outdated data.
If you have a technical background, optimizing your database using phpMyAdmin should be straightforward. But if you are looking for an automated tool that does the job for you, you can try WP Rocket. It has a dedicated section to completely optimize your database (e.g., the posts, the comments, the transients.). WP Rocket goes beyond database clean-up and offers caching, advanced JS and CSS optimization, lazy loading, and much more. If you want to speed up your WordPress site, and clear your code and database in a few clicks, WP Rocket is the right choice. Plus, you don’t take any risks with the 30-day money-back guarantee.
Are you looking for a fast WooCommerce WordPress theme? We’ve compiled a list of 7 themes you can use for your next e-commerce project! An online shop often means a lot of images, text, videos, reviews, and payment gateways which can, unfortunately, impact the performance. Your clients will not like a slow WordPress site and may be reluctant to complete any purchase if the page takes forever to load. Actually, Portent ran some studies about the impact of site speed on the conversion rate, and you can see the correlation on the graph below. The more it takes for the page to load, the lower the conversion rate is.
In this article, you’ll find 7 WooCommerce themes you can use for your next project. As a bonus – to prevent you from losing sales and customers on the way – we’re sharing some tips on optimizing your WooCommerce site and making your online store faster than ever.
Let’s dive in.
The 7 Fastest WordPress Themes + Test Data
We have selected the most popular WooCommerce themes on the market, and here’s the shortlist we come up with:
A very basic free theme developed by WooCommerce themselves. The theme is built and maintained by WooCommerce core developers, which avoids compatibility issues. The customization options are limited, but if you want to launch a simple online store, it does the job.
Astra is one of the best WooCommerce WordPress themes due to its lightweight code, user-friendly interface, and thousands of starter templates for your next shop. The premium add-ons for WooCommerce allow you to create a custom payment page, add an advanced product gallery, filters, and unlimited scrolling to create a site like Pinterest.
Astra theme and templates for WooCommerce – Source: Astra
Performance results for the Astra theme (and the WooCommerce add-ons):
The #1 selling WooCommerce theme on Themeforest is multipurpose and responsive for WooCommerce. It comes with the UX builder and some interesting options for your online store, such as the live search, add to wishlist, sale bubble options, change the number of products per row, or the catalog mode options if you don’t want to display any prices.
Megashop templates for WooCommerce – Source: Flatsome
It’s the #1 selling theme on Envato for years, with many thousands of easy-to-customize templates in the library. Avada comes with the Fusion Builder, allowing you to build your site from the header to the footer. It also has powerful WooCommerce widgets allowing users to build customized online stores. You can also use their builder to build custom product and shop pages.
Avada theme and the Woo Builder – Source: Themeforest
Divi is a powerful WooCommerce theme thanks to its visual WooCommerce builder. Elegant Themes was among the first companies to bring the WYSIWYG to WordPress. The promise is that you can build everything visually using the Divi framework without touching a single line of code. The WooCommerce builder and modules allow you to create your custom product and shop page quickly.
BeTheme is a multipurpose website builder and best-selling WordPress theme with 650+ pre-built websites (with a modern design). Their BeBuilder is also compatible with WooCommerce, and they even launched a query builder to build loops and dynamic websites. The promise is that you can build the WooCommerce site you want and design versatile shops & single-product layouts that convert. You can either use a ready-to-use template or create your own.
It’s the #1 selling Elementor theme that offers a lot of customization for WooCommerce. The7 has 60+ prebuilt dummy websites with exclusive templates that can help launch an online store easily. You can build attractive templates for the storefront, product pages and lists, checkout, cart, and more with the advanced WooCommerce Theme Builder. The highlight is that you can easily modify any WooCommerce page and add advanced filters to improve the user experience.
Below we’ve put together the summary of the performance results for each WooCommerce theme. We used Lighthouse’s global “PageSpeed mobile score†to rank them.
PageSpeed mobile score
Total Loading time
Largest Contentful Paint
First Contentful Paint
Storefront
85/100
2.1 s
1.7 s
2.1 s
Astra
83/100
2.5 s
1.7 s
2.2 s
Flatsome
81/100
2.7 s
1.7 s
2.5 s
Avada
78/100
2.8 s
1.8 s
2.9 s
Divi
75/100
3.1 s
1.5 s
4.1 s
BeTheme
72/100
3.6 s
3.9 s
4.1 s
The7
70/100
4.1 s
4.3 s
4.4 s
Key Takeaways:
None of the themes are in the red on mobile, they all lie between the orange and the green regarding the global performance.
Storefront, Astra, and Flatsome seem to be the top 3 fastest.
The7 seems to be the “slowest†which makes sense with all the advanced customization available. The performance is still acceptable, though, and in the last section, we will show how to put all the KPIs in green!
How We Tested the Themes
The selection was based on popularity, high numbers of downloads or sales, library templates, and quality reviews. The performance tests were made using the following performance tools:
PageSpeed Insights
GTmetrix
Both tools are powered by Lighthouse. They analyze the performance and the user experience of your website. Here are the 10 KPIs we’ve used in our tests – measured on mobile:
From PageSpeed Insights:
PageSpeed mobile score
First Contentful Paint
Largest Contentful Paint
Cumulative Layout Shift
Speed Index
Time To Interactive
Total Blocking Time
From GTmetrix:
Total Loading time
HTTP requests
Total page size
Then, we chose 7 themes that define themselves as WooCommerce friendly because they come with add-ons or specific customization related to online stores: product page or checkout process customization, advanced galleries, personal account page, etc.
The Test Site
We built a realistic WooCommerce site for each theme. In all cases, the homepage has a hero banner with a button, 1 call to action, 4 icons with texts, 3 customer reviews, 1 ad, and 12 products. Of course, we used the same image and products for each test, we simply swapped the themes between the round of tests.
Example of a WooCommerce site built with Astra – Source: WP Rocket
We did a fresh installation for each theme and used the same server for each theme’s speed testing (servers are in London).
Disclaimer: Those performance tests have been run on a server based in London, and we built each e-commerce page ourselves. The results we have presented are from our own experience, and the results may differ according to your project.
Give an Extra Performance Boost with WP Rocket
WP Rocket is one of the best caching plugins to optimize any WooCommerce theme, including the ones on our list. Your online store’s performance and Core Web Vitals score will drastically improve upon its activation.
To understand the impact of WP Rocket on speed, let’s see it in action with the7, which was one of the most complete themes we tested in terms of features and customizations.
Below are the performance issues flagged by Lighthouse, listed under the “Opportunities†tab:
Lighthouse’s recommendation for my WooCommerce site built with the7 – Source: PageSpeed Insights
Lighthouse suggests using caching, enabling text compression, reducing unused CSS/JS, and deferring offscreen images (image optimization with lazy loading).
After using WP Rocket on the test site, we noticed that our issues were moved to the “passed audits†section:
The7 test site – audit passed with WP Rocket – Source: PageSpeed Insights
But there is more to come. All our performance KPIs improved thanks to WP Rocket, including the mobile score on PageSpeed Insights. The performance score got a 99/100.
The7 test site scores 99/100 with WP Rocket – Source: PageSpeed Insights
WP Rocket also boosted the Core Web Vitals scores (all in green) and decreased the total loading time (from 4.1s to 1.9s). It also reduced the page size and the number of HTTP requests, as you can see in our table below:
CSS code optimization – from the file optimization tab, we selected the optimize CSS delivery button (using the handy remove unused CSS option). We also minified and combined the CSS code to help the browser download and process these files faster.
JavaScript code optimization – from the files optimization tab, there are also some options to optimize the JavaScript of your WordPress site. In our case, we minified JS files, loaded JS deferred, and delayed the JS execution:
Lazyload – to defer offscreen images (and prioritize the loading of the images located in the viewport):
The LazyLoad feature for images, iframe, and videos – Source: WP Rocket
What’s the Best WooCommerce Themes For You?
While we can’t advise you on a specific theme as it highly relies on your design and technical specifications, here are a few pieces of advice:
If you need a simple online store with the WooCommerce look and feel by default, without any advanced design or options, then go with Storefront.
If you are a freelancer looking for a theme with many demos that you can show to your clients for different industries, then Divi, BeTheme, and the7 may be your best options.
If you are an Elementor’s fervent user, then Astra and The7 may be your best bet.
If you want to use the WPBakery Page Builder, the 7 theme is the way to go.
If you plan to upload thousands of products, a lightweight theme like Astra or OceanWP may be wiser. They both come with advanced WooCommerce features so you can create your own store in minutes.
If you need to create your own single product layouts and shop pages and add dynamic data to your website, then take a theme that works well with any other WooCommerce builders.
If you want to get your theme from Themeforest, then pick Avada, which has been #1 on Themeforest for years.
If you are hesitating between two themes, check their demos and remember to look at them on several devices. Many sales happened on mobile!
Finally, our last recommendation would be to choose a theme that is safe with recent updates, fast support, accurate documentation, and in-depth tutorials. You can also check some popular YouTubers that review all those themes and record their screen while they build an online store from scratch.
Wrapping Up
Now, you should be able to choose the right WooCommerce theme for your next project!
In any case, no matter which theme you pick, WP Rocket is the easiest way to improve your WordPress site’s speed, optimize Core Web Vitals, and fix the performance audits on PageSpeed Insights. Plus, you don’t take any risks with the 30-day money-back guarantee.
Are you looking for the best Google Fonts for your next web project?
Fonts are a crucial part of the whole brand identity. You need to choose them carefully according to context because it affects your audience’s feelings (and, therefore, the buying decision process). Some famous brands, such as Disney or Coca-Cola, are automatically associated with a font when we mention them.
How fonts are integrated with the brand identity – Source: WP Rocket
Google has over a thousand fonts available in its catalog, but we’ve done the heavy lifting for you and selected the 11 most popular ones. You’ll see that there is always a font that can match your needs and your niche!
What Are Google Fonts?
Google Fonts is a robust collection of web fonts you can use for any project online and offline. They are free and open source, so that you can use them commercially for a logo, print, apps, teaching materials, e-books, etc. The value is real: you will not need additional licensing charges. You can find the perfect Google Fonts directly from the directory by using the search box and the different filters available:
Google Fonts directory with advanced filters – Source: Google Fonts
Google Fonts usually don’t impact performance much as they are retrieved from Google’s content delivery network (CDN) and will load automatically once uploaded to your site.
How to Choose and Use Google Fonts on WordPress
When choosing the best Google Fonts for websites, you should consider the readability and the look and feel based on the context and industry.
1. Readability & Accessibility
Readability describes how easy and inviting it is for a person to read some text online. Fonts directly affect readability in web design, as you can see in our example below. The article written using the “Roboto†font looks easier to read than the one in the “Kablammo†font.
Accessibility also correlates to font size, colors, and contrasts you will use on your web page. Check the web content accessibility guidelines to make sure that all can read your font.
2. Look-and-feel Based on the Industry
Each font impacts and influences your customers’ emotions when they read something online or in the street. You can’t use the same font for a reggae bar and a lawyer: the design codes are different. Similarly, if you want to create a website for a kindergarten, you should opt for a friendly and easygoing font. But if your client is more of a luxury brand, then the font should express elegance and sophistication.
Choosing a font according to the industry – Source: WP Rocket
To give you a real-life example, the Formula 1 website chose the perfect font for their ticketing site. They created a “racing†and “automotive†look and feel by choosing the right font.
You can install the free Chrome extension “Whatfont†and hover your mouse on the font that you like, it will identify the family font, the weight, the size, and much more.
To help you find the best Google Fonts on WordPress and install them on your site, follow our 3 best practices below.
1. Less Is More: Only Use The Fonts You Need
We don’t recommend you use more than 2 or 3 fonts for your brand identity, and also make sure to limit font weights. Regular and bold are the most popular ones, there is no need to have the whole variation from extra-thin to extra-bold from a performance perspective. All the font weights that aren’t being used will slow down the requests from Google’s servers.
2. Mix and Match: Make Sure The Fonts Match Well Together
When you have chosen the best Google font but want to add another one, make sure that it’s a match.
Choose different fonts (but not so different). This one is hard to explain, so here’s an image instead:
Keep in mind the hierarchy of the information: Use a bold and bigger font for a title and a smaller font for a paragraph. Here’s how WP Rocket communicates visual hierarchy through font pairing:
Font pairing – Source: WP Rocket
When you pair them, a general tip is to combine serif headings with the sans-serif body text. Using two serif fonts together makes your text hard to read. If you want to learn more, Webflow explains the major font combinations you can use in your design work.
3. Installing Google Fonts With a Plugin
Once you have chosen your favorite Google font(s), you can use a typography plugin to use them on your WordPress site.
The most popular is the free Google Fonts Typography plugin, unlocking all your WordPress site’s Google fonts. It also comes with a live preview feature which comes in handy when pairing fonts:
Good to know before installing a typography plugin: Popular page builders like Divi or Elementor offer Google Fonts in each element of their respective builders. Most WordPress themes also use Google Fonts in the core to allow you to use fonts from their library.
Elementor offers Google Fonts in its “Typography†setting for each module – Source: Elementor
Now that you know what to look for in a font, let’s see which are the top Google fonts of 2023!
The Best and Most Popular Google Fonts in 2023
In 2023, the 11 best and most popular Google Fonts for a WordPress site are the following:
Example of websites using it: Roboto is the default font on Android and other Google services such as Google Play, YouTube, Google Maps, and Google Images.
Type of website or industry using it: Tech, web apps.
2. Open Sans
A clear ultra-readable appearance and versatile font.
Type of website or industry using it: Very versatile, it’s a good font for websites because it’s readable and comes with different styles. It is also great for printing and can be used anywhere because of the geometric simplicity with a great large x-height (typefaces that incorporate large x-heights generally do so in an attempt to increase legibility and readability).
5. Poppins
Poppins’ geometric shapes keep the content readable in small format, while its curves look bold when displayed in headers, big screens, or mobile devices.
Type of website or industry using it: The tall characters and the reduced space between them create a visual effect that can allow your website to stand out and be more memorable (perfect for a tagline or main title).
7. Inter
Another variable font family specially designed for computer screens because it features a tall x-height to aid in the readability of mixed-case and lower-case text.
Example of websites using it: Same font family as Google applications.
Type of website or industry using it: Fonts are optimized for readability and responsive design. It’s also excellent for programming purposes. It’s a “nerdy†font.
9. Oswald
A redesign of the classic style historically represented by the ‘Alternate Gothic’ sans serif typefaces.
Type of website or industry using it: Because it is elongated, it always brings contrast to a typography combination and makes it ideal for designing a logo.
10. Noto Sans
This is a clean, unornamented design with a neutral tone best suitable for online reading and one of the best fonts for pairing.
Type of website or industry using it: Perfect for headings, subheadings, or even text body with an elegant feeling.
Now that we’ve reviewed the best Google Fonts of 2023 let’s see how to optimize them so they don’t slow down your WordPress site.
How to Optimize Google Fonts
The best way to optimize Google Fonts in WordPress is to use a powerful performance plugin like WP Rocket that applies the optimization best practices right upon activation. If you are tech-savvy, you can do it manually with the font-display attributes and some custom CSS.
But before we dive into the optimization techniques, that’s the optimization journey we suggest you follow:
Understand how Google Fonts are correlated with performance.
Audit your WordPress site on PageSpeed Insights to see where your website stands regarding fonts and performance.
Optimize the fonts that need optimization manually or with WP Rocket.
Let’s go over the main steps for a complete font optimization process.
Step 1 – Why Optimizing Google Fonts is Important for Performance
Google Fonts are often large files with slow load times, impacting the perceived performance and the user experience. Your Core Web Vitals can be affected, meaning your ranking could also be impacted. Below, we explain the consequences of unoptimized fonts on performance.
Slower website – Unoptimized Google Fonts can have a negative impact on your website performance and your page loading speed. It may be less crucial than image optimization, but remember that each request your WordPress site makes means the user is waiting longer to see the page.
Largest Contentful Paint (LCP) – It calculates when the page’s main contents have finished loading. If your LCP is a string of text, you need to ensure that your font is downloaded and rendered as fast as possible.
First Contentful Paint (FCP) – It measures the perceived speed of a page because it marks the first point in the page load timeline where the user can see anything. So if a web font has not loaded, browsers typically delay text rendering, resulting in a bad FCP score. On the contrary, having a great FCP reassures the visitors that something is happening on the screen, and they’ll be more likely to wait.
Content Layout Shift (CLS) – It measures the visual stability of a page. Unoptimized web fonts can negatively impact the CLS score because the text string using the font and the surrounding content can shift while the web font loads.
Now that you know the impact of poorly optimized Google Fonts on performance and SEO, you should run your own audit using Lighthouse.
Step 2 – Google Fonts Diagnosis On PageSpeed Insights
Once you have installed the Google fonts, we recommend you run a performance audit on PageSpeed Insights. In the report, Lighthouse ensures you’re following web font optimization best practices. Generally, if the fonts are not optimized, those five warnings are likely to be triggered:
The five issues above have a direct impact on page speed, so you may want to fix them as soon as possible to avoid any drop in performance.
Step 3 – WP Rocket Optimizes Google Fonts Automatically
Once you have selected the best Google Fonts for your web design project, you can use WP Rocket to ensure that your pages follow web font optimization best practices over time.
The “Optimize Google Fonts†feature is automatically enabled upon WP Rocket installation. You have nothing to do!
Choose WP Rocket to optimize your Google Fonts automatically – Source: WP Rocket
WP Rocket implements caching and improves your Core Web Vitals score. It’s one of the best caching plugins for WordPress and will boost your speed and your Core Web Vitals in a few clicks only. It can also be your best ally to optimize Google Fonts and fix the fonts-related issues on PageSpeed Insights:
Use WP Rocket to fix the PageSpeed Insights warnings – Source: PageSpeed
Curious about what’s happening behind the scenes? WP Rocket applies the following best practices to optimize the requests from your Google Fonts:
One single HTTP request for multiple fonts. WP Rocket combines the multiple requests to Google Fonts on the page into a single one.
Adds the “preconnect†resource hint to the request. It aims at improving the load time of the Google Fonts, boosting performance and the Core Web Vitals.
Going Further: A Few Other Plugins That Optimize Google Fonts
Some other tools are also available to optimize Google Fonts, such as:
OMGF – It reduces DNS lookups thanks to caching and reduces the Cumulative Layout Shift score. You can choose to preload or unload fonts that are not used on your website.
Google Fonts Typography – It allows you to load any Google Fonts to your WordPress site. It also offers some preconnect Resource Hints.
Wrapping Up
You can manually browse more than 1400 fonts, or you can save some precious time and use our guide to select the best Google Fonts for your next project! Remember that your font must be aligned with your brand’s personality: serif fonts are popular with brands that want to portray an elegant and sophisticated image. On the contrary, if you want to convey an image that is more modern and edgy, a sans serif is your go-to.
The golden rule is not to use too many fonts and to optimize them as much as possible. If you serve unoptimized fonts, there will be a dual impact on performance and the user experience because of delayed text rendering and important layout shifts.
Use WP Rocket to ensure that your Core Web Vitals are healthy and that the Google Fonts chosen do not slow down your page. It is one the easiest and most reliable ways to optimize font and fix the PageSpeed Insights warnings.
Plus, you don’t take any risks with the 30-day money-back guarantee.
Do you want to improve the SEO performance of your WooCommerce website?
If you optimize on-page and off-page SEO, your online shop has a great chance of ranking on Google’s top pages. Our guide explains the main actions you should undertake to implement an efficient SEO strategy for WooCommerce. You’ll also get some useful and actionable tips to boost performance and improve your shop’s ranking on Google.
Here are 14 techniques to optimize your WooCommerce SEO.
14 Ways to Improve SEO on WooCommerce
1. Run Keyword Research
To improve SEO in WooCommerce, you should start by running keyword research. This will be the foundation of the SEO strategy because, as an online business, you need to know what your target audience is searching for and what they’re interested in. That’s also why keyword research is closely correlated to your content marketing strategy – it allows you to create more relevant content, making you more likely to appear in the top search results according to the queries relevant to your business.
Benefits of keyword research for your WooCommerce shop –Â Source: WP Rocket
When a potential client does a search on Google, the search engine analyzes all the indexed websites and displays the most relevant ones to the query. That is why it’s crucial to know the search intent and the keywords used by the users, including the long-tail keywords.
Long-Tail Keywords: What They Are
Long-tail keywords are handy for on-page optimization. They are usually less popular search terms but provide better detail to search engines by explicitly signaling search intent. They can represent up to 80% of the traffic generated by search engines, and the keywords are easier to rank for as there is less competition. Finally, they bring high-quality traffic, resulting in higher conversions and more sales for your business.Â
You can find long-tail keywords directly from the Google search box:Â
A drop-down list of related terms that people search for – Source: Google search results
You can also take advantage of the Google PAA (People Ask) feature:
PAA feature to find long-tail keywords – Source: Google search results
You can use premium tools like Semrush, Ahrefs, or Moz to improve your keyword strategy. All you need to do is go to their keyword tool tab, type a “head termâ€, and see more suggestions showing up.
Example of a keyword research tool – Source: Semrush
When choosing a keyword, you can look at the search volume (popularity) and the keyword difficulty (how hard it will be to rank for this specific keyword). You can see an example below with Ahrefs:
With those tools, you can build your content strategy, and you’ll also be able to identify for which keywords your competitors are ranking.
2. Optimize WooCommerce Product URLs and Slugs
Here’s a short checklist your can follow to optimize your WooCommerce product URLs:
Make them user-friendly and use a descriptive slug to describe the content of a page.
Keep them concise because long URLs are hard to remember (we advise an average of 4 or 5 words max).
Use separate words
Use lowercase
Avoid special characters, including emoji
Optimizing URL for your WooCommerce product – Source: WP RocketÂ
To optimize URLs on WordPress and WooCommerce, navigate to Settings > Permalink and select the Post name structure.
Serving optimized URLs on WordPress and WooCommerce – Source: The WordPress admin
3. Optimize Title Tags
Title tags (or SEO titles) allow you to give a title to your product page, which can be found “in blue†on the search engine results pages. Adding and optimizing your product’s title tags is crucial, as they are essential in organic ranking (SEO).
Example of title tags – Source: Google search results
For our example, we are taking Yoast SEO, but the steps are similar for all of them.
Go to your WooCommerce product page > Scroll down to Yoast SEO > Add your title tags (SEO title).
Example of optimized title tags with WooCommerce and Yoast SEO – Source: Yoast SEO
4. Write Clear and Engaging Meta Descriptions
The meta description is an element that summarizes what’s on the WooCommerce product page. It’s displayed in search engine results and aims at giving the user an idea of the content within the page. It’s directly related to its search query, so you should write a clear and engaging description that makes users want to click: make your potential customers curious and use the right keywords.Â
To illustrate our example, we are taking Rankmath, but the steps are the same for all.
Go to your WooCommerce product page > Scroll down to Rank Math SEO> Add your meta description (Description).
Example of an optimized meta search (description) with WooCommerce and RankMath – Source: Rank Math SEO
5. Create and Optimize Product Categories and Pages
Optimized category pages will make the online shopping experience easier for shoppers and improve your SEO. Categories are essential for several reasons:
Capturing traffic from high-volume terms.
Helping users discover your products when navigating your site.
Helping search engines to understand your information architecture when they crawl your content.
On a WooCommerce site, it’s common to come across two types of category pages:
Category listing pages (CLP) – A global category that lists other categories and targets very broad topics (e.g., Last Chance > Furniture, Home Decor, Home Textiles)
2. Product listing pages (PLP) – Categories listing products that belong to that same category (e.g., Hiking Boots > hiking boots X brand, Y brand, Z brand)
You should consider following the best practices below to optimize your product category page:
Use a large header highlighting the category (H1)
Implement breadcrumbs to orientate the users and show that it’s the right category
Add filters on the page to allow the user to narrow down the search results
How to Create Categories With WooCommerce
To create categories with WooCommerce, go to Products > Categories and create as many categories as needed. Then, assign the category to the product:Â
Assigning the category to a WooCommerce product – Source: The WordPress admin
How to Create a Custom WooCommerce Category Page
To create a custom WooCommerce category page design, you can use the WooCommerce blocks that come with the WooCommerce plugin. (Automattic developed a dedicated block plugin, but they recently added the block to WooCommerce Core).
From your WordPress dashboard, add a new page
Add a category H1 title
From the WordPress Editor, search for the WooCommerce blocks and choose the Products by Category one
Filtering my products by category using WooCommerce block to create my CLP (custom listing product page) – Source: The WordPress admin
Finally, organizing your categories into a logical hierarchy results in your site is crucial to orient users.
How to Add Breadcrumbs to My WooCommerce Page
To add breadcrumbs to your WooCommerce site, you can use a WordPress SEO plugin like Breadcrumb NavXT, Yoast SEO, Rank Math SEO, or All in One SEO (AISEO). For our example, we’ll go with AlSEO. Go to General Settings > select the Breadcrumbs tab and enable breadcrumbs.
Breadcrumbs for WooCommerce with AIOSEO – Source: AIOSEO
6. Optimize Product Descriptions
To write SEO-ready WooCommerce product descriptions, you can follow our 9 tips:
Before you write, establish buyers’ personas by defining who is likely to read your description so you can adjust your content accordingly.
Write a clear description of what your product does using the right keywords (that takes us back to our very first point: select high search frequency and low competition keywords).
Use your brand voice – if you use a laid-back tone across your branding, you should also adjust your product description to ensure it reflects your target audience.
Mention a specific material that can differentiate you from your competitors (use your unique selling point).
Specify the color and size of your product.
Explain the main benefit of your product so the buyer can see the value.
Use “daily life†writing – don’t just stick to technical features. Put your product into a real-world situation.Â
Add reviews (user-generated content).
Add a call-to-action button to suggest an action to the user.
7. Optimize Images (Performance and SEO)
Optimizing product images on WooCommerce revolves around two major axes:
Adding the “alt-text†tag on each of your image products to provide a short description of an image for search engines. If the images are not displayed, this tag is also shown to the visitors, so be as descriptive as possible.
Preparing images for the web to ensure they don’t slow down your shop. Make sure to serve them in the right format and size without impacting performance. We recommend you upload good-quality images with small file sizes – a balance that can be achieved thanks to the image compression technique.
How to Add the Alt-text on WooCommerce Image Product
To add the alt-text tag on your WooCommerce image product, go to Media > Library > Edit the image of your choice and go to the Alternative Text box.
Adding alt-tag on product images in WooCommerce – Source: The WordPress admin
How to Compress WooCommerce Image Product
You can use an image optimizer plugin like Imagify or Shortpixel to easily compress your images on WooCommerce without impacting the quality. Such plugins can also help to convert them to WebP, the next-gen format recommended by Google, which reduces the file size even more than the traditional JPEG or PNG formats.
This is how Imagify compressed my product image. The file size went from 424 KB to 230KB, which is a 56% savings! The product image was also converted to WebP.Â
You can visually compare both products, one with an optimized image (left) and the other with the original picture. We can’t see any difference in the quality, but the file size got much smaller, which will improve the loading speed of the shop page.
Unaltered quality with Imagify on a compressed vs. not compressed image – Source: WP Rocket
Hint: When it comes to WooCommerce optimization, that’s where the main keyword can be used:Â
– Once in the URL – Once in the product description – Once in the H1 / page title – Once in the image alt=”keyword”
8. Implement “rel canonical†for Similar Product Categories
A canonical tag or “rel canonical” is essential to manage pages with almost the same content. This tag tells search engines which URL, among similar ones, should be shown on the page results. Canonicalization is key to preventing duplicate content issues that can harm your organic visibility.
According to Google, a canonical URL should be the “URL of the best representative page from a group of duplicate pagesâ€. Imagine you are selling products in different sizes and colors. You could create a canonical URL that leads clients to the main product page but supports viewing options for each color.
You can do it manually by adding the <link> element with the attribute rel=”canonical” to the <head> section of duplicate pages, pointing to the canonical page:Â
rel canonical attribute added to my category “brown bags†– Source: WP Rocket
If you don’t feel like adding your code, you can use a WordPress plugin like Yoast SEO to implement the rel canonical tag automatically. And from the Advanced SEO tab, Yoast also lets you change the canonical if needed:
Updating the canonical URL with Yoast SEO – Souce: Yoast SEO
Canonicalization must be done properly otherwise, it will lead search engines to believe your website has duplicate content.
9. Include Structured Data (Schema Markup) Relevant to WooCommerce
Google indexes and crawls your WooCommerce site with an algorithm that “scans and understands†your overall content. To improve the accuracy of Google’s understanding, it’s recommended to include structured data, which is, according to Google Search Central – a “standardized machine-readable format for providing information about a pageâ€.
Structured data is also called schema mark-up, which enables improved search results layouts for different verticals such as jobs, recipes, events, courses, books, and WooCommerce products. (To see the full list, check Google’s elements for structured data).
For example, a product page with valid structured data will be eligible to appear in the following enhanced format:Â
Products displayed in the first enhanced results (schema markups) – Source: Google search results
Which Structure Data to Include for a WooCommerce Site?
Here are the e-commerce structured data types you can add to your WooCommerce site:
Local business information (LocalBusiness structured data) – ​​Tell Google about your business opening hours, address, and pictures of the place. For enhanced SEO, you should also list your business on GoogleMyBusiness and the Merchant Center.Â
Product details (Product structured data)- Give more information about your products to Google so the search results can show product details in richer ways with price, stocks, and reviews. There are two types of product results: product snippets and merchant listing experiences.
Example of product snippets using structured data – Source: Google search results
Reviews (Reviews structured data) – It helps Google to understand a particular product review and display it in the results.Â
Reviews structure data – Source: Google search results
How-to (Howto structured data) – A how-to section walks users step-by-step to explain how to complete a task successfully. It can be a written tutorial or even a video.Â
FAQ page (FAQPage structured data) – A Q&A section can be useful for the users and provide more information about your product.Â
Breadcrumbs (Breadcrumbslist structured data) – To help Google to display the right product category page in the search results.
Website (Website structured data) – To help Google to understand how the search box works in your WooCommerce site.
Video Object (VideoObject structured data) – An instructional or marketing video on your product page can help Google present the video appropriately in Google Search results.
All the structured data techniques mentioned above help to get a better CTR (click-through rate) and drive more traffic to your WooCommerce site.
How to Add Structure Data to A WordPress Site?
If you are comfortable with coding, then do it manually by generating the Schema Markup yourself with JavaScript and adding it to the HTML. Google can help you add the data markup.
If you don’t feel like writing a single line of code, try a plugin like Schema Pro. It’s a WordPress plugin that helps you provide clues about the content of a WooCommerce product page to Google.
SchemaPro helps to map the product data – Source: Schema pro
From the dashboard, it lets you map the product data and add all the relevant custom fields to create a schema markup:Â
Creating structured data for WooCommerce – Source: ShemaPro
How to Check the Structure Data of a WooCommerce Site?
To check if your product page includes structured data, run an audit on the Google Search Console > Rich results
10. Use a WooCommerce-optimized Theme or Page Builder
To improve the SEO for WooCommerce products, choose a fast WooCommerce-optimized theme that offers specific features and blocks for WooCommerce. In the previous part, you’ve seen the importance of content architecture and structure data of an online shop, that’s why you should use a theme or page builder that allows you to create an advanced product page with your fields and layout.
Almost all the most popular WordPress page builders are also WooCommerce builders, as they have the feature to design your product layout, add custom fields and change the entire shop layout. WooCommerce is not enough on its that’s why using a page builder like Elementor Pro, Beaver Builder (with Beaver Themer), or even the Fusion Builder from Avada can enhance the whole experience with dedicated WooCommerce elements:Â
WooCommerce elements from Avada (a WooCommerce-ready theme) – Source: Avada
If you are looking for a theme, then Storefront (by WooCommerce) or even Astra can be a good choice. Make sure that they offer advanced WooCommerce features to create your design and map your content for SEO.
A sitemap informs search engine crawlers about the structure of your WooCommerce site. It also helps categories to be scanned by Google, allowing you to ensure that your products are being indexed.Â
Example of a sitemap for WP Rocket – Source: WP Rocket
Internal linking is an integral part of on-page SEO optimization, which helps users and search engines to navigate better through your WooCommerce site. If Google sees that your internal links are pointing to relevant content on your website, then the authority of your site will increase in those key topic areas. You’ll find below a few best practices to keep in mind when implementing internal linking:
Internal linking is crucial to improve the SEO of your WooCommerce site. You can use one of the top 3 (Yoast SEO, Rank Math SEO, AIOSEO) to implement an efficient linking strategy.
Additionally, the Broken Link Checker plugin can be handy for monitoring your WordPress site’s external and internal links.
13. No-index Internal Search Results
The following internal search results pages should not be indexed by search engines, or it could harm the SEO of your WooCommerce site:
A thank you page after a user subscribes to the newsletter
The shopping cart page
The checkout page
To block Google from crawling a page, you can add the “robots meta tag†in the page’s header. This is what it looks like in the code of a page:Â
<meta name="robots" content="noindex" />
If you prefer using a plugin to no-index some of your WooCommerce pages, you can use a WordPress plugin like All In One SEO. It allows you to no-index a page and hide it in the search result in one click.
Applying the no-index meta tag to a post with the AIOSEO plugin – Source: AIOSEO
14. Speed Up Your WooCommerce Site
Page speed is a ranking factor in Google’s algorithm and affects your website SEO. To measure performance and the overall user experience, Google uses the Core Web Vitals metrics that directly impact your ranking.
To improve the speed of your WooCommerce site (and therefore boost your SEO), you can apply the guidelines from Lighthouse below. Each of the recommendations to have a better WooCommerce SEO can be addressed easily with a WordPress plugin:
Optimize your images (e.g., Imagify, TinyPng, Shortpixel)
Reduce unused code (e.g., WP Rocket, Perfmatters)
Delay JavaScript and CSS that are not critical (e.g., WP Rocket, Flying Scripts)
Consider using a CDN – (e.g., RocketCDN)
Implement caching – (e.g., WP Rocket, WP Super Cache, or WP Fastest Cache)
WP Rocket is one of the best caching plugins for WordPress that can help improve the SEO of your WooCommerce site. It does all the heavy lifting for you (and check all the tips from the list above): it allows you to optimize your code and images and improve the Lighthouse score in a few clicks.
Code optimization’s interface for your WooCommerce site – Source: WP Rocket
GTmetrix recommends using WP Rocket to boost performance and to reduce initial server response time, as you can see in the example below:
WP Rocket is recommended by GTmetrix to reduce initial server response time – Source: GTmetrix
Wrapping Up
You should now have a clearer overview of what matters the most for optimizing SEO for WooCommerce. Our WooCommerce guide gathers the best SEO tools and WordPress plugins you can use to start improving your shop’s ranking.
The quality and architecture of your content plus the performance are the 3 axes to consider when it comes to enhancing the SEO for WooCommerce products. WP Rocket is a great start for your speed optimization journey, as it applies 80% of the performance best practices upon activation. The plugin helps you get your Core Web Vitals in the green – a direct ranking factor for Google! You don’t take any risks by trying WP Rocket because you can ask for a full refund if your request is issued within 14 days of the purchase date.
Are you interested in GeneratePress and Astra for your next web project? It makes sense to consider them because they are both lightweight WordPress themes that put performance at the top of their priorities.
In this article, we’ll look at the performance of GeneratePress and Astra and collect comparison data from a real-case scenario. We’ll also share some techniques for boosting performance and reviewing their main features to help you choose between them.
Which theme is faster: GeneratePress or Astra? You are about to figure it out!
How We’re Testing GeneratePress vs. Astra Performance (Full-Mobile Approach)
To measure the performance of GeneratePress and Astra, we are taking a full-mobile approach with servers located in France.
Performance Tools and KPIs
Themes: We are comparing the two free versions of the GeneratePress and Astra themes. Although they both offer premium add-ons, we haven’t installed them for this audit.
Tools and metrics:
GTmetrix (Page size, fully loaded time, and the number of HTTP requests on mobile – from an iPhone 12 in Paris)
To keep things as fair as possible, we built our test sites with the WordPress Editor blocks, and then we simply swapped the themes. We have designed the following modules:
A hero header with a background image
Text and images boxes
Icons
Images gallery (we use the same images for both)
Disclaimer: Our tests have been conducted on a server based in France, and the results we present are from our own experience. They may differ from yours according to your technical setup and the content you add to your site.
GeneratePress vs. Astra Performance Compared
Now let’s compare our two sites using PageSpeed Insights and GTmetrix. Let’s get to the data!
For reference, this is how both our testing sites look like:
Our page with GeneratePress (same modules)
Our page with Astra (same modules)
Let’s start with the first metric, the mobile performance grade: they are quite similar for both themes. We are getting an orange grade on Google PageSpeed Insights with 81/100 for Astra and 82/100 for GeneratePress.
Here is a summary table with all the performance KPIs we got for both themes. It should help you to visually compare both themes:
KPIs (mobile performance)
GeneratePress
Astra
PageSpeed mobile score
82/100
81/100
Total Loading time
3,1 s
2.9 s
First Contentful Paint
1.5 s
2.8 s
Largest Contentful Paint*
3.3 s
4.1 s
Cumulative Layout Shift*
0.521 s
0 s
Speed Index
5 s
3.5 s
Total Blocking Time
30 ms
0 ms
Total page size
953 KB
788 KB
HTTP requests
20
21
*Core Web Vitals
Is Astra Faster than GeneratePress? – Key Answers
Both themes are very similar in performance as they got 81/100 (Astra) and 82/100 (GeneratePress) on mobile.
Astra and GeneratePress have almost the same full loading time of around 3 seconds.
About the Core Web Vitals:
Cumulative Layout Shift: Astra is performing better than GeneratePress and avoids the sudden shifts in layouts (with a CLS of 0 s, compared to GeneratePress, which is in the red with a score of 0.521).
Largest Contentful Paint: GeneratePress’s Largest Contentful Paint (LCP) is 3.3 seconds against 4.1 s for Astra (which puts this Core Web Vital in the red.
The number of HTTP requests is similar (20 and 21), but the Astra page size is lighter: 788 KB (against 953 KB for GeneratePress).
To go deeper into the performance audit, let’s have a look at the Lighthouse diagnosis and opportunities sections below.
PageSpeed Insights Opportunities Section for GeneratePress
GeneratePress’s performance is satisfactory, but there is room for improvement in the following areas:
Enable text compression – By compressing your content, you ensure that your pages will be served to visitors more quickly.
Reduce initial server response time – Meaning that we should try to delay JS to have a faster server response. The main solutions are to clean the database, use clean code and implement caching.
Reduce unused CSS – Trimming your code by reducing the unused CSS will positively affect the page’s loading time.
Serve images in the next-gen format – Lighthouse recommends serving images in WebP or AVIF to offer better compression when using images online.
Serve static assets with an efficient cache policy – It’s all about using an efficient cache plugin.
PageSpeed Insights Opportunities and Diagnostics Section for Astra
Overall, we found out that a lack of caching and poorly optimized images are the main culprits for the red flags below. Here are the improvements we need to implement for our Astra’s test site:
Hint: Most of the performance issues mentioned above can be fixed with WP Rocket and an image optimizer plugin like Imagify, which are very easy to use as they do all the heavy lifting for you. We introduce them in the next section.
Now that we know where we stand in terms of performance for both themes, let’s follow the PageSpeed Insights recommendations and take advantage of WP Rocket (and Imagify) to fix all these performance issues easily.
How to Speed Up Astra And GeneratePress
To speed up Astra and GeneratePress, the first Lighthouse recommendation is to use a caching plugin like WP Rocket. It reduces the server response time by caching the content, optimizing the code and the database, and implementing text compression.
WP Rocket is one of the best caching plugins that improve performance and help pass the audit on GTmetrix and PageSpeed Insights. It’s a performance tool recommended by GTmetrix.
WP Rocket is recommended by GTmetrix to reduce initial server response time – Source: GTmetrix
Pro Tip: If you are using WP Rocket and run a report on PageSpeed Insights, you’ll see that Lighthouse recognizes the plugin. PageSpeed Insights tells you which features of WP Rocket you should enable to fix each performance issue. Very handy!
Regarding image optimization, Lighthouse suggests enabling Imagify to efficiently encode the images and ensure performance. Imagify is an easy-to-use image optimizer plugin that compresses images and converts them to WebP.
PageSpeed Insights recommends enabling Imagify to optimize your images in bulk – Source: PSI
Alright, it’s time to look at how both themes are now performing after addressing all the issues.
Improved Performance Results Thanks to WP Rocket (and Imagify)
WP Rocket and Imagify have significantly improved the score on Lighthouse for both themes. We are now scoring 100/100 for GeneratePress and Astra:
GeneratePress + WP Rocket + Imagify (PSI)
Astra + WP Rocket + Imagify (PSI)
Thanks to WP Rocket and Imagify, we are now passing the PageSpeed Insights audit! We fixed all the issues flagged in the opportunities and diagnostics sections of GeneratePress.
GeneratePress’s issues flagged by Lighthouse
WP Rocket and Imagify fixed them all!
The same improvements and fixes happened for Astra:
Astra’s issues flagged by Lighthouse
WP Rocket and Imagify fixed them all!
To summarize, we put together a global comparison table showing both themes’ performance with and without WP Rocket + Imagify (the image optimizer):
Performance KPIs
GeneratePress Performance (no WP Rocket)
GeneratePress Performance with WP Rocket + Imagify
Astra Performance (no WP Rocket)
Astra Performance with WP Rocket + Imagify
PageSpeed mobile score
82/100
100/100
81/100
100/100
Total Loading time
3,1 s
2.1 s
2.9 s
2.2 s
First Contentful Paint
1.5 s
0.5 s
2.8 s
0.4 s
Largest Contentful Paint*
3.3 s
0.7 s
4.1 s
0.6 s
Cumulative Layout Shift*
0.521 s
0 s
0 s
0 s
Speed Index
5 s
0.6s
3.5 s
0.7 s
Total Blocking Time
30 ms
0 ms
0 ms
0 ms
Total page size
953 KB
547 KB
788 KB
588 KB
HTTP requests
20
15
21
16
*Core Web Vitals
Key Conclusions with WP Rocket
Thanks to WP Rocket, we have noticed major performance improvements for both themes, such as:
The mobile performance grade on PageSpeed Insights moved up to 100/100 for both.
WP Rocket improved our Core Web Vitals score, and they all moved to the green.
The Largest Contentful Paint (LCP) went from 3.3 s to 0.7 s for GeneratePress and from 4.1 s to 0.6 for Astra.
The Content Layout Shifts (CLS) went from 0.524 to 0 for Generatepress.
We saved around 1 s in the page loading time for both.
The number of HTTP requests has also decreased for both themes: from 21 to 16 for Astra and from 20 to 15 for GeneratePress.
The Speed Index is now 0.6 s for GeneratePress (it was 5 s and was in the red).
The page size is much smaller for both themes. It went from almost 788 KB down to 588 KB for Astra and from 957 KB down to 547 KB for GeneratePress.
All the issues flagged in PageSpeed insights issues are now in the passed audit.
Key Conclusions with Imagify
Imagify compressed our images in a couple of clicks which makes it very easy to use.
All our images got compressed and converted to WebP (the next-gen format recommended by Google).
Our performance audit is now completed. Let’s look at each theme’s main features to help you decide which theme is the right choice for your needs.
GeneratePress vs. Astra: Key Features and Pricing
Astra and GeneratePress have the same approach: their free version is a basic framework that allows you to build anything on top of it without impacting performance.
Popular lightweight themes – Both Astra and GeneratePress are popular lightweight themes that are a great foundation for having a fast-loading site. A fresh GeneratePress install adds less than 10kb (gzipped) to your page size, and Astra only adds 50KB on the front end. Astra is used on over 1 million sites, and GeneratePress recently passed 500 000 installations.
Use of the Customizer to customize the theme – They rely on the WordPress Customizer to tweak the options and make the changes visually.
GeneratePress + Native WordPress Customizer
Astra + Native WordPress Customizer
Starters site library – They both have intuitive interfaces that are very easy to use. All you need to do is select and import the template you want to use on your WordPress site. You don’t need to be an advanced developer to use both tools, and the templates are very well-designed.
Choose the template of your choice, you can sort by category and add a “premium†filter.
The import will start automatically..
How to Use the Library For GeneratePress:
You need to have GP Premium and the site library module activated.
Go to Appearance > GeneratePress > Site Library.
Choose your layout to start the import.
GeneratePress Sites Library
Astra Sites Library
Compatibility with page builders –GeneratePress and Astra are compatible with the most popular page builders,and both offer pre-made templates built on Elementor, Beaver Builder, and the WordPress Editor.
Premium add-ons –Both themes are freemium, meaning that if you want to unlock some advanced features, templates, and integrations, you’ll need to purchase a premium add-on.
What’s In GeneratePress Premium?
What’s In Astra Pro?
WooCommerce compatibility – both themes are compatible with WooCommerce, and they offer some dedicated features. They both have ready-to-use templates built with WooCommerce to build an online store on solid foundations.
International community – both have a great community worldwide with interesting Facebook groups (10K for GeneratePress and 54K for Astra). However, you are more likely to meet Astra’s team (led by Sujay Payar) at WordCamp as they seem to be more involved in the WordPress community.
GeneratePress vs. Astra: The Main Differences
The Customizer is less detailed for GeneratePress – which makes sense for its lightweight, bloat-free approach – but it’s less beginner-friendly than Astra’s, where the customization seems easier. For example, if we need to modify the footer, there is a visual representation of the layout:
The template library is richer for Astra –Astra comes with many pre-made blocks that can be used, such as header, testimonials, pricing tables, and call-to-action. GeneratePress has a library with pre-built pages, but the blocks are not as impressive from a design perspective. Astra provides more premade headers, so it’s a good idea if you are a beginner or don’t want to start from scratch.
White labeling (Astra only) – Astra Pro gives you the option to do white-label which is interesting if you are planning to hand over the site to a client and add your customizations.
GeneratePress more closely follows the theory of “less is more†and does offer a more minimalistic theme than Astra: everything is integrated into the WordPress interface, and when it comes to activating the advanced options, everything is very straightforward.
Astra has more tight integrations with popular plugins like Learndash or LifterLMS that allow you, for example, to launch a complete online course in a few clicks.
GeneratePress vs. Astra Pricing
GeneratePress offers two prices with access to the same features. Either you pay $59/year, or you get the lifetime license for $249. In both cases, you’ll have the premium features, the library, updates, and support. The only limit is using GeneratePress on up to 500 websites.
Astra also offers lifetime and yearly pricing. It starts at $47, but you’ll need the “Essential Bundle†at $137 to access the library. The best value is the “Growth Bundle†because it gives you access to many blocks and SEO add-ons as well as advanced training.
When it comes to speed, the two themes got similar results, the mobile loading time was about the same, and so was the page loading time. The ultimate choice will depend on your needs and how much you need a theme integrated with the rest of the WordPress ecosystem.
In any case, you can build an advanced site and supercharge it with powerful premium features from both themes.
If you come across some performance issues during your development process, then you can use WP Rocket and Imagify to tackle them.
WP Rocket is recommended by GTmetrix to reduce the server response time, for example.
So, which theme are you going for? Are you currently using a theme that slows down your site? Remember that WP Rocket and Imagify have significantly increased performance and made us score 100/100 on PageSpeed Insights. Use WP Rocket to improve the speed of your WordPress site, and you can also try Imagify for free. You don’t take any risks because if you don’t see any improvements, we provide a refund within 14 days of your purchase.Â
Do you want to know how to improve the SEO performance of your WordPress site? SEO stands for “Search Engine Optimization†and includes a number of optimization techniques used to improve the position of a website on the results pages of search engines (SERPs). A site is considered well-optimized if it appears in the first positions of a search engine according to specific user queries.Â
To show you how important it is for a website to appear in the first results on Google, I’m sharing the research from Sistrix that analyzed over 80 million keywords and billions of search results to understand how users engage with SERPs. They found that almost half of internet users click on the first or second result to find the information they seek.
So, is your website optimized to be found by potential users? Let’s find out how to check its current status and how to improve the SEO performance of your WordPress website with 11 actionable tips.
13 Ways to Improve SEO on Your WordPress Website
There are two types of action you can take to improve SEO on your WordPress: the first part happens on a technical level, while the second one is more about content optimization with on-page and off-page SEO. In a nutshell, this is how SEO works:
SEO in a nutshell (content and technical levels) – Source: WP Rocket
Technical SEO: optimization techniques that improve search engine ranking by making your site easy for search engines to crawl, index, and understand.
Content SEO: covers on-page and off-page optimization techniques. It’s about what you write and how you structure that content on your WordPress site.
Before starting any optimizations, it’s crucial to understand where you are starting from. That’s why the first step towards improving SEO should be to audit your WordPress site.Â
1. Run an SEO Audit (Content + Technical Audit)
An SEO audit is the first step to check and identify any SEO issues that may prevent your website from performing at its best from an SEO standpoint. You can easily follow your website’s performance on Google, Bing, or any other search engine and identify areas that need improvement.
To run a complete SEO audit, you will need tools that can analyze your content as well as the technical setup of your site.
Online SEO tools (crawling, website analysis, and keywords research)
Screaming Frog, Sitebulb, and Botify – they are website crawlers that analyze your website deeply and help you identify SEO technical issues that may affect your organic visibility.SEMRush and Ahrefs– are both advanced SEO tools that provide a comprehensive audit by checking how your WordPress site is performing. They give tips to improve your site in some crucial SEO areas. They are helpful in auditing and analyzing your website and competitors from different aspects: keywords, content ideas, backlinks, and ranking.
Google Search Console – a web service created by Google that allows you to check the indexing status of your site, the search queries, and crawling errors. It identifies the technical issues that may prevent websites from being visible at their best. From Search Console, you can keep track of the performance related to the Page Experience (part of Google’s ranking algorithm) and the Core Web Vitals.
The 3 Core Web Vitals are important for SEO because Google made the Page Experience an official ranking factor.
Example of a page experience on mobile – Source: Phil IsherwoodÂ
WordPress plugins you can use to run your SEO audit:
Yoast, All-in-one-SEO, and Rank Math SEO – probably the most popular WordPress plugins that help you optimize your site’s content and keywords. They perform a complete SEO audit of your website and generate a detailed report with the areas of improvement on both the content and technical levels.
Extract of the SEO report provided by Rank Math – Source: Rankmath
After running your SEO audit, it will be easy to identify and fix the areas of improvement. You’ll know what to optimize in your content and adjust on a technical level. The following list provides some useful tips to keep in mind to improve your ranking on Google.Â
2. Check What’s IndexableÂ
Your page is considered “indexed by Google†if it can be accessed and crawled by the “Googlebot” (Google’s crawler). The bot analyzes the structure, the content, and the topic of the page stored in the Google index. If the pages can be indexed, they’ll be shown in Google search results. That’s why you should ensure that all your relevant and important pages are indexable. You should also define the pages you don’t want to be indexed for specific reasons, such as those you want to hide from users (forum discussion, thank you page, landing pages for ads.).
How Do I Check If Search Engines Index All Pages?
You can use the Google Search Console tool to check if your pages are indexed. It comes with an URL Inspection tool that tells you whether a page can be indexable.
For example, Ahrefs checked if one of their articles was indexable using Google Search Console, and they found out that it was, as you can see in the message below:
To exclude a page from being indexed by Google, you have to include the noindex rule on the page as a <meta> tag or as an HTTP response header.
You can also use an SEO WordPress plugin because most of them have the option to noindex a specific page.
3. Redirect 404 Pages
404 errors happen when a user or a bot tries to access a page that does not exist on a domain. It can happen because the URL does not exist at all or because the page and its content has been removed. In this case, you should redirect the 404 page, especially if it contains links to other relevant pages on your website – otherwise, their traffic may be affected, as well as the overall internal linking profile.Â
It’s recommended to redirect 404 pages toward an existing page through a 301 (permanent) redirect. The best practice is redirecting the page toward similar content; otherwise the home page will be your best choice. There are several options to redirect 404 pages on WordPress:
The manual way – redirect all 404 pages to the homepage.
Check if your theme has a 404.php file.
Create a new file in your WordPress theme folder or edit this file instead using a file manager tool like Filezilla.
Once you’re connected, add the following code as the first line in your 404.php file:
Don’t forget to save the 404.php file and reupload it to your theme directory.
If you are uncomfortable editing the code, you can use one of the WordPress plugins below to add the redirection:
404 to Homepage – the plugin works out-of-the-box. It will redirect any link that does not exist to the homepage.
Redirection – you can use it to set up a couple of redirects to a handful of outdated pages.
4. Create an XML Sitemap
An efficient XML sitemap acts as a map of your WordPress site that guides Google into all your most relevant pages. XML sitemaps are good for SEO because they allow search engines to find your most important pages quickly and let them know that some content has been updated.
All pages should be included except for the pages that do not need to be crawled by Google, such as a “thank you†page for any users subscribing to the newsletter of your e-commerce site.
We recommend using a WordPress plugin to create your sitemap. It will help search engines index your website content and tell them which pages and files are important to your site. For example, you can use a plugin like Sitemap Generator for Google.
Sitemap Generator for Google – this plugin improves your SEO rankings by creating page, news, video, HTML, and RSS sitemaps.
Page speed is a direct ranking factor for SEO because Google rewards fast sites over slow ones (including performance on mobile). Google’s Page Experience, the latest SEO ranking factor, includes the Core Web Vitals, a set of specific factors that define the web page’s overall user experience. You can audit the performance of your WordPress site using Lighthouse on PageSpeed Insights. Most of the time, the main issues that slow down a site are poor code optimization, high server response time, too many render-blocking elements, unoptimized images, and lack of caching.Â
Performance issues flagged by Lighthouse – Source: PageSpeed
To improve the speed and optimize the SEO of your WordPress site, you can use a few plugins that will do the heavy lifting for you. Here’s the toolbox you can use to improve your website speed (and, as a correlation, your SEO performance):
WP Rocket – one of the best caching plugins that help you improve your Core Web Vitals and increase the speed of your WordPress site. WP Rocket automatically implements caching, text compression and allows you to defer and delay JS, remove unused CSS, implement lazy loading, and much more.Â
WP Rocket is recommended by GTmetrix if you need to improve your server response time, optimize your code, and implement caching and lazy loading.Â
GTmetrix recommends WP Rocket to boost performance – Source: GTmetrix
RocketCDN – a powerful and easy-to-use CDN that comes with a free WordPress plugin and does all the technical setup for you.
Imagify – to optimize and compress your images without compromising on quality. Imagify has a smart compression mode that allows you to significantly reduce your image’s file size without impacting its visual aspect.Â
Unaltered quality after compression – Source: Imagify
6. Use a Responsive/Mobile-Friendly WordPress Theme
Responsive design affects your SEO, and mobile-friendly websites tend to load faster than those that are not. Amongst other SEO factors, mobile-friendliness can help give you a boost in search engine results.
Every page builder on the market (Elementor, Divi, The WPBakery Page Builder, and more) allow you to design your site on mobile, so any themes that support them are a good match. To test if your theme is responsive, you can simply try it on your mobile device or follow a few techniques:
“Responsive†keyword to find a mobile-friendly theme – Source: Envato
7. Use Categories and Tags Properly in WordPress
Categories and tags are the two main taxonomies that WordPress provides to organize the content of your website or blog. Categories are useful for improving your search engine optimization because they help search engines understand your website structure and content.
They are like the “table of contents†for a blog or website, contributing to easy information architecture.
Tags are similar to the index at the end of a book. They are more specific keywords describing the content. For example, a category could be “hotel†with the following tags associated with it: “family-friendlyâ€, “sea-viewâ€, or “swimming poolâ€. The purpose of tags is to help link posts with related content.
Example of categories
Example of tags
As an example, TripAdvisor uses categories to get more relevant traffic by creating content resonating with users’ needs. On top, most of the users would click on the article because the title in the first place matches their search intent.Â
TripAdvisor uses categories and tags to gain more specific traffic – Source: WP Rocket
8. Use SEO-Friendly PermalinksÂ
The URL should explain what’s on the page or the post so they’re easy to read by users and search engine bots.Â
Best practice for URLs on WordPress – Source: WP Rocket
To define the best SEO-friendly URL structure for your permalinks and archives, go to Settings > Permalinks > Post name.
SEO-friendly settings for your URLs on WordPress – Source: WP Rocket
Simple and easy-to-understand URLs are the best SEO-friendly ones.
9. Take Advantage of WordPress Comments
Genuine (spam-free) comments are a great indication of user engagement on your WordPress site. An engaged community means that there is traffic coming to your site, many links pointing to it, and as a result, an improved SEO.
Tip: If you have a post with a long thread of comments, we recommend you split them into several pages to avoid performance (and SEO) issues.Â
10. Enable Breadcrumbs
Breadcrumbs are a powerful way to let users understand where they are on a website. They also help search engines crawl the content, and understand the information architecture and the hierarchy of your WordPress site.
Use a plugin like Yoast SEO to set up breadcrumbs. All you need to do is add the block to the post or the page of your choice by going to Yoast SEO > Settings > Breadcrumbs.
11. Improve Internal Linking
Internal linking means linking one page from another on your WordPress site. Google navigates through those links to understand the structure of your website and how pages are connected to each other, and then display the most accurate search results. In other words, links are a key part of your site architecture.
When adding links, ensure the anchor texts look natural in your copy. Don’t use the same keywords every time.
A good vs a non-optimized anchor link – Source: WP Rocket
Audit internal links with the Google Search Console and use a WordPress plugin like Internal Link Juicer to improve your internal linking strategy. The plugin enhances your user experience (UX) by highlighting the right content for the context.
A crawling tool will also help to understand the internal linking profile and improve the link juice between pages.
Tip:Â If you just publish a new post or page: Use Semrush (for example) to check your best-performing page SEO-wiseTry to naturally add internal links from those high-authority pages to the new post.
12. Have an SEO Content Strategy
An SEO strategy is the process of organizing a website’s content by relevant topics to improve the ranking position in the search results. The ultimate goal is to optimize your WordPress site content-wise to gain organic traffic from search engines. You can base the strategy on three major axes:
I. Information architecture
It means creating an easy and clear structure that includes a straightforward hierarchy and navigation through categories and pages so that both users and search engines can understand what the website is about and find the relevant information according to their needs. Â
II. Keyword research
It’s the process of finding search terms that match with user search intents (e.g., “red maxi dressâ€). It helps you find better content ideas and match users’ wants and needs. As a result, you get to create highly engaging content and drive more qualified traffic to your site.Â
Recommended tools to conduct keyword research:
Semrush – to uncover the best national and local keywords and analyze how your competitors rank for a specific request.
SEO analysis and keywords research – Source: Semrush
Ahrefs – another powerful tool that shows you how a specific domain is performing. For instance, this includes the total number of backlinks, referring domains, content review, and organic keywords.
By researching the most appropriate target keywords, you increase your chance to rank well in search engines for a specific topic.
III. The pillar page strategy
The main idea of the pillar topic strategy is to have a pillar page that focuses on a specific topic and then cluster articles around it, linking to the main page and the other way around. Below, you can see an example of a Pillar Page (Core Web Vitals) and several cluster pages that are linked together:Â
The pillar page strategy in SEO – Source: WP Rocket
13. On-Page Optimization With an SEO WordPress Plugin (Bonus: 2 Examples)
On-page optimization (or on-page SEO) refers to all the techniques that can be applied directly to your WordPress siteto improve its position in search engine rankings. As mentioned in this article, this includes improving the content of an article, the meta description, the title tags, the post excerpts, and having a better internal linking strategy.Â
An SEO WordPress plugin audits your site, but it also allows you to apply the necessary changes to reach a better on-page SEO.
The easiest way to perform on-page SEO is to use a WordPress plugin like Yoast, AIO SEO, or RankMath. They offer similar features when optimizing your page. Let’s see a few examples below.
With take RankMath, you need to go to the General tab, where you can see some basic SEO recommendations, such as the focus keyword, the title tag, the meta description, and so on. Let’s focus on the title tags (it’s crucial to optimize them as they play an essential role in improving organic ranking).RankMath highlights the main keyword that you need to include in the title tag. In our example, the keyword is “hotelsâ€:
Once you are done with the Basic SEO tab, you can continue to fix the audit and go through each recommendation about the content readability and the more advanced suggestions.
Similarly, you can optimize your title tag with Yoast SEO. Navigate to the page or post of your choice, then scroll down to the on-page SEO section and add your title tag as shown below:
Want to start your on-page optimization? We’ve listed the 10 best SEO plugins for your WordPress site.
Wrapping up
You have seen in this article that most SEO optimization tips are easy to implement if you have the right tools. This involves several techniques, from optimizing on-page content to a more technical approach.
Here are the main highlights you should remember when starting your SEO journey on WordPress:
Keep auditing your WordPress site with a website craler and an SEO plugin like Rank Math or Yoast SEO
Check all your important pages can be crawlable and indexed by search engines
Make your content easy to crawl for search engines (use a sitemap, breadcrumbs, clear URLs, categories, and tags).
Improve website speed and performance with a plugin like WP Rocket
We hope this article helped you to understand the efforts to put into your SEO strategy for WordPress. Do you want to rank better on Google? Start optimizing your website today by following our tips!