EDITS.WS

Tag: seo

  • 10 Best SEO Plugins for WordPress

    Would you like to rank higher on Google? Then using an SEO plugin may be one of the best solutions. SEO stands for “Search Engine Optimization” and is key to get traffic from organic (therefore, free) search results. It aims to improve your site’s position on Google’s first page by focusing on your site content, structure,and technical audits. You don’t need to install dozens of SEO plugins to make your site stand out, but a few can be very helpful. In this article, we are sharing 10 popular SEO tools you can use to improve your ranking. 

    Why You Need an SEO Plugin for Your WordPress Website

    SEO plugins are handy in telling you what changes you need to make to your content and how to optimize your WordPress pages or posts for search engines. For instance, they crawl your website and flag technical issues that can harm your ranking. They can also offer suggestions for on-page optimization, readability, topics you should cover, how long your content should be, and how you compare with your competitors. 

    All the most popular SEO plugins allow you (at least) to add SEO titles, meta descriptions, and identify the primary keyword to create relevant content according to users’ needs and help your site rank better and get more traffic. 

    How Performance Affects SEO 

    Page speed is a direct ranking factor for Google’s algorithm. When measuring the performance of your site, Lighthouse also takes into consideration the score of your three Core Web Vitals, which mainly stand for page loading time (with the Largest Contentful Paint), interactivity (with the First Input Delay), and visual stability (with the Cumulative Layout Shift).

    Core Web Vitals (performance and user experience) as ranking factors - Source: PageSpeed Insights.
    Core Web Vitals (performance and user experience) as ranking factors – Source: PageSpeed Insights.

    Any efforts towards improving those Core Web Vitals will be appreciated by Google who will be more likely to rank your WordPress site better.  

    📖 Do you want to know how to optimize your Core Web Vitals to improve your SEO? Follow our guide that explains everything you need to know! 

    How The User Experience Affects SEO

    Although user experience doesn’t directly affect organic ranking, it indirectly affects other ranking factors, such as slow page speed or lack of optimization on mobile. By maintaining a great speed, you are more likely to have visitors read more pages of your sites and stay on them longer. Google’s research showed that the chance of a bounce increased by 32% when a page load time went from 1 to 3 seconds and by 123 % when the page load time went from 1 to 10 seconds! 

    Source: ThinkwithGoogle

    Checking Your Current SEO State

    You can run a test in PageSpeed Insights and check if your page passes the basic SEO optimization features. That should give you some useful tips on where to start your optimization journey.

    SEO checks by Google - Source: PageSpeed Insights
    SEO checks by Google – Source: PageSpeed Insights

    While PageSpeed is excellent for measuring performance and giving advanced technical recommendations, the SEO report remains pretty basic. That’s exactly why a WordPress plugin can be useful: tracking the quality of your site content through text readability and relevancy. 

    Best SEO Plugins for WordPress

    There are several must-have SEO plugins you should consider for your next WordPress project, according to your needs.

    1. Yoast SEO

    With more than 13M of users, Yoast SEO is the most popular SEO plugin analyzes your content and assesses the overall readability. It’s an on-page optimization tool that includes redirections, SERP previews, XML sitemap creation, and more. Excellent for beginners and advanced users who want to improve their SEO directly from the WordPress admin.

    Yoast SEO’s intuitive interface - Source: yoast.com
    Yoast SEO’s intuitive interface – Source: yoast.com

    Use Yoast SEO if…

    • You want to check your readability score and make your content better for readers (such as the paragraph structure feature).
    • You need a powerful duplicate content detector.
    • You are interested in viewing what the result in Google will look like.
    • You want to control how the content is shared on social media.
    • You have a multilingual site (Yoast readability is available in 19 languages).
    • You are also a Shopify user.

    Pricing: freemium – starting at €99/year.

    2. RankMath

    RankMath has quickly become one of WordPress’s most popular SEO plugins. It’s ranked 4.9/5 on WordPress.org, and the plugin is installed on more than 1M sites. It will audit your content and help you optimize your posts for search engines. It supports all schema markup (the rich snippets), helps you do keyword research, and they have recently launched an AI feature!

    Lean interface of RankMath - Source: RankMath
    Lean interface of RankMath – Source: RankMath

    Choose RankMath if…

    • You need an advanced SEO diagnosis of your website
    • You are willing to optimize the SEO of your images and your WooCommerce products.
    • You would like to build custom Schemas and add multiple Schemas to a single post with just a few clicks.
    • You are a beginner willing to improve your SEO and work on your content easily.
    • You need to check the ranking keywords for each post.
    • You want AI to help you write content and create SEO-friendly content.
    • You prefer a solution fully integrated with Google tools, such as Google Analytics,  if you need to track your keyword rankings in Google or if you want to get automatic keyword suggestions from Google.
    • You are using a page builder, especially Divi and Elementor, which have tight integration with RankMath.

    Pricing: Freemium, from $59 to $499 for an agency.

    3. All-in-one SEO 

    With 3M+, AIOSEO was the first SEO plugin ever marketed in the WordPress ecosystem. Their promise is simple:  improve your website’s SEO rankings and uncover new SEO growth opportunities in less than 10 minutes. You won’t need an expert because the interface and features are well-explained. 

    Complete SEO checklist - Source: AIOSEO
    Complete SEO checklist – Source: AIOSEO

    Choose AIOSEO if…

    • You need an advanced SEO diagnosis of your website.
    • You have several physical shops with multiple locations.
    • You need to improve your local business SEO presence (with the local SEO module).
    • You are looking for a plugin that works with the whole WordPress eco-system, such as Divi, Elementor, WooCommerce, the Gutenberg blocks, etc.
    • You would like to connect your WordPress site with Google webmaster tools and Google Search Console to see additional insights (e.g., content and keywords rankings) directly from WordPress.

    Pricing: freemium (starts at 124€/year)

    4. SchemaPro 

    Schema Pro lets you add structured data to your WordPress site to provide the information to search engines in a way they understand. It also helps to attract users by customizing the layout with impactful wording and images.

    Example of a custom schema for recipes - Source: wpschema.com
    Example of a custom schema for recipes – Source: wpschema.com

    Choose SchemaPro if…

    • You need more advanced snippets for your website to make it stand out in search results. 
    • You are using Yoast (they have tight integration).
    • You use a custom fields plugin like ACF to display custom content directly in the schema.
    • You don’t have much technical knowledge and want to implement schemas faster and easier. 

    Pricing: starting at $79/year.

    5. Broken Link Checker

    Broken links affect SEO because they impact the user experience. Broken Link Checker is a handy plugin that monitors your WordPress site’s external and internal links. It detects links that don’t work, missing images, and redirects. A notification system warns you about an issue (via email or dashboard). 

    Links status - Source: Broken Link Checker
    Links status – Source: Broken Link Checker

    Choose Broken Link Checkers if…

    • You want to fix issues directly from the WordPress admin.
    • You don’t want to manually check every internal and external link.

    Pricing: free.

    6. XML Sitemaps

    Use this plugin to create custom XML sitemaps that will help search engines like Google and Yahoo index your website better and significantly enhance SEO.

    Crawlers will more easily view your site’s entire structure and “understand” it more quickly. 

    Sitemaps options - Source: XML sitemap
    Sitemaps options – Source: XML sitemap

    Choose XML Sitemaps if…

    • You don’t need a complete SEO plugin but only a sitemap generator.

    Pricing: free.


    7. Redirection

    Redirection is WordPress’s most popular redirect manager, with over 2 million active installations. You can easily keep track of 404 errors, manage 301 redirects and fix any loose ends your site may have.

    Adding redirection from WordPress - Source: Redirection
    Adding redirection from WordPress – Source: Redirection

    Use Redirection if…

    • You want some help to reduce errors and improve your site ranking.
    • You want to automatically implement redirect on a specific page.

    Pricing: free.

    💡Hint: A SEO plugin can help you to nail down a keyword, but they are not a replacement for a proper keyword research tool such as SEMrush, Ahrefs, and the Google Keyword Planner. 

    WordPress Plugins That Help Improving Page Speed (and SEO)

    The tools presented below are not SEO plugins per se, but they are essential to boost the speed of your WordPress site. And as seen previously, the page loading speed is decisive for your ranking in Google’s results, so here are three WordPress plugins you can add to your optimization toolbox:

    8. WP Rocket 

    WP Rocket is the easiest and most powerful caching plugin that allows you to improve your Core Web Vitals, boost your SEO, improve your page speed and ensure a fast user experience when browsing your site. The main features include caching, GZIP compression, code optimization, and lazy loading. 

    Boosting SEO with code optimization - Source: WP Rocket
    Boosting SEO with code optimization – Source: WP Rocket

    Use WP Rocket if…

    • You want to address most PageSpeed Insights recommendations.
    • You need to improve the speed of your site without doing the heavy lifting.
    • You would like to delay JavaScript and optimize your CSS delivery without touching the code.

    Pricing: starting at $59/year for one website.

    9. Imagify

    Imagify is one of the easiest image optimization plugins available on the market, allowing you to serve optimized images on the web. You will find smart mode compression, bulk compression options, and even WebP conversion (next-gen format) directly from the WordPress admin. WebP format is lighter than the traditional JPEG and PNG for similar visual quality. Therefore you should always serve images in a next-gen format to ensure you have a fast-loading page that will not impact the SEO. 

    Compressed image at 95.94% - Source: Imagify
    Compressed image at 95.94% – Source: Imagify

    Use Imagify if…

    • You are looking for an easy and intuitive plugin that can do the compression jobs for you.
    • You need to address most of the PageSpeed Insights recommendations related to images.
    • You want high-quality images while significantly reducing the image file size.
    • You need to reduce the size of your page to boost performance and improve SEO.

    Pricing: freemium – free for 20MB of data per month and then from $4.99/month.

    10. RocketCDN

    RocketCDN can help improve your SEO by serving content worldwide much faster. RocketCDN does all the technical configuration for you and uses caching through edge servers to display the pages to users geographically spread out. 

    50+ edge locations – Source: RocketCDN

    Use RocketCDN if…

    • You don’t know how to set up a CDN (with Cname etc.), RocketCDN does all the technical configuration for you. 
    • You have a lot of international visitors and want to offer them a fast user experience.
    • You want to give an extra SEO boost to your website.

    Pricing: the WordPress plugin is free, but the subscription costs $8.99/month.

    📖 Want to go further in the SEO/page speed optimization journey? Here are 5 SEO tips for a fast website and 19 performance tips to help you rank better. 

    Wrapping Up

    SEO and page speed are deeply correlated, so any efforts towards WordPress performance optimizations are likely to be appreciated by Google. You can start your optimization journey with a complete plugin like RankMath, Yoast, or AIOSEO, audit your site, and see where you stand regarding SEO. Then, you can use WP Rocket to implement caching, optimize your pages, code, and images, and give an extra speed boost to your WordPress site. 

    The post 10 Best SEO Plugins for WordPress appeared first on WP Rocket.

  • How to Perform an SEO Audit for WordPress

    How to Perform an SEO Audit for WordPressYou can’t simply build a WordPress website and think you’ll attract traffic and users without having a solid search engine optimization strategy. A key element of any successful search engine optimization strategy is performing regular SEO audits of your website. What is an SEO Audit? You may be wondering what an SEO audit is. In […]

    The post How to Perform an SEO Audit for WordPress appeared first on WPExplorer.

  • How to Submit Your Website to Search Engines (Works in 2023)

    how to submit your website to search enginesIf you want your website to enjoy long-term success, you need to make sure it ranks well on search engines. Before you worry about ranking, though, you need to make sure search engines know your site exists in the first place. This guide on how to submit your website to search engines will show you what to do in order to achieve that result.

  • Why Page Size Is Important For SEO And Performance

    Large page sizes can affect SEO and performance and cause search engines to rank your website lower. As such, now is the time to start understanding page size because, in the digital world, it matters. So, if you’re looking to improve your website performance, this post is for you.

    Essentially, the “heavier” your page size is, the slower it’ll take to fully load and be ready to be consumed by site visitors. When your web page has a slow response time, it ultimately affects the overall website performance and user experience – two of the most important SEO factors. 

    In this article, we’ll delve deeper into what page size is and the factors that affect it. We’ll also talk about what role it plays in your overall SEO strategy. By the end of this, you’ll know methods you can apply to your website to ensure it’s not dragged down the rankings and keep your best chances of ranking on top.

    What Is Page Size And What Contributes To It?

    A web page’s size is a measure of how much data it contains. It’s the total amount of data that is sent from the server to the browser when a visitor requests a page. This includes all elements on the page, such as images, text, scripts, internal links, and external links.

    To measure it, you can use developer tools in the browser or online website analysis tools. For instance, Google Chrome and Mozilla Firefox come with built-in developer tools. You can also use: 

    • Google PageSpeed Insights
    • WebPageTest
    • GTmetrix
    • Pingdom

    There are two things you need to keep in mind when looking at performance reports: the size of each asset and the number of assets on the page.

    Leverage webpage compression tools to optimize page speed
    Leverage webpage compression tools to optimize page speed – Image Source

    The size is measured in kilobytes (KB), and the higher the number, the larger the page. To optimize your site for search engines, you need to keep this number as low as possible and make sure that your site loads quickly and efficiently. 

    Factors that contribute to a page’s size include:

    1. Images

    Using images on your website helps capture the attention of your audience and make your page visually appealing. Not to mention, they’re easy to incorporate. Just one Google Image search and you’ll get what you need. However, image size can be the cause of slow response times and high page sizes.

    As such, you need to understand image file types, compression techniques, and other strategies for reducing the size of images without sacrificing quality. Fortunately, there are several image optimization practices, but more on that later. 

    If you want to know the size or weight of your image, you need to look at its pixels. It’s usually measured in bytes, KB, or MB. For instance, if you’re using a Windows system, simply select the photo, right-click, and choose properties. All the information regarding that photo will be shown, including the image dimensions and size. 

    Additionally, can use tools to check or measure your photo size to ensure you have properly size images like: 

    • Image Measurement
    • Omni Calculator
    • Posterburner

    To make this easier, you can get a virtual assistant (VA) to help research the tools you can use, look for image optimization services you can hire, or even assist you in applying image compression techniques. This is especially helpful if your regular content includes many images. Plus, a VA can free your schedule to focus on other responsibilities, while they do image searches for your content.

    2. Videos

    Although video guides are great for making websites interactive, they can also be a major contributor to page size and affect the load speed of the website. These are large files that take a long time to load, which is especially problematic for those who don’t have a good internet connection.

    Embedding videos from YouTube is a great way to reduce page size, while still providing an engaging and interactive experience for website visitors. By using YouTube’s embed code, you can easily add videos to your website without having to host them on your server.

    Embedded video example
    Embedded video example – Image Source

    A great example of this is a blog post about web design principles. If you look at it, the content has a lot of videos but all are embedded on Youtube. So despite being visual-heavy content the videos won’t have a huge impact on increasing the page size.

    3. JavaScript

    JavaScript is a pretty amazing tool for building websites. It can do everything from making your website interactive to allowing it to function in any way you want it. 

    But here’s the catch. It has a bad rap as being “bloated,” meaning it can slow down a website’s load time and eat up more bandwidth.

    There are two main reasons why this happens: first, when you use JavaScript code that isn’t optimized for performance (or is written poorly), it will be slower than if it were written well.

    The second reason is because of how browsers handle JavaScript files. They load them sequentially instead of loading them all at once (like CSS files), meaning they take longer to download and render on your screen. 

    4. Custom Fonts

    Fonts with too much weight or boldness will have a larger impact on page size than those with lighter weights because they take up more space in pixels than others. This is because custom fonts require additional requests to the server, resulting in slower response times and increased data usage. 

    As a result, custom fonts increase the file size of your web pages. With a longer load time, you can be sure it’ll lead to poor user experience, which is a big NO for Google Search or other search engines. To ensure better performance and user experience, it’s important to avoid using custom fonts whenever possible.

    5. Advertising

    Ads are an important source of revenue for many websites, but having too many ads on a page can hurt page size and user experience. 

    Nowadays, advertisements use high-quality photos, GIFs, or videos, all of which can slow down the loading time of that page, leaving the readers annoyed. Not to mention, it also affects the overall design of the website, making it look cluttered and unprofessional.

    Additionally, having too many ads can make it difficult for users to find the content they are looking for. All of these factors can lead to a poor user experience and ultimately hurt the website’s reputation in the long run.

    With that, we’ll move to the discussion of website performance, since page size affects it the most.

    Why Does Page Size Matter For SEO and Performance?

    Page size matters when it comes to SEO because it affects the speed of your site, which in turn affects the speed at which your users can access information. The bigger it is, the longer it takes for your users to download all of its elements (images, videos, etc.) and for their browser to render them into a readable format.

    When a user has a good experience on your site, they’re more likely to take action. So if you want an SEO-friendly website that converts well, consider the loading speed.

    How loading time affects conversion rate
    How loading time affects conversion rate – Image Source

    Slow loading pages makes it difficult for customers to find what they’re looking for. The visibility of content is reduced and customers are unable to find what they are looking for quickly. 

    In addition to being frustrating for visitors, this can also hurt you in Google’s eyes. So you want to guarantee yours load quickly enough so that people don’t bounce off of them before reading any content.

    Bounce rates can help you understand how the users are interacting with your website. It’ll help you identify any issues that may be causing visitors to leave the page quickly. Additionally, it can give you insights into the good and bad pages you have.

    Overall, by monitoring the bounce rate, you can make adjustments to your website design and content to improve user engagement and meet the search intent. To help you further, you can do a business assessment. With that, you can gain insights about what you need to do better for greater website performance. 

    What’s more, having a lower search ranking can have a significant impact on your site’s visibility. Search analytics is a great way to track and analyze your website’s performance and visibility on search engines. For instance, you can use Google Analytics to identify areas to improve or optimize for your website. 

    What Is The Ideal Page Size For Your Website?

    The good news is, there’s no wrong answer. The key to optimizing your page size is balancing three factors: speed, design, and user experience.

    Graph for the ideal page size for best performance
    Graph for the ideal page size for best performance – Image Source

    In the image above, you can see that the average page weight or size between 2017 to January 2023 has grown significantly. In May 2017, the average page weight was 1376.2 KB for desktop and 1223.7 KB for mobile. Fast forward to February 2023, and the average page weight is now 2324.8 KB for desktop and 2037.3 KB for mobile.

    That data gives you a great benchmark of the page size. However, you have to remember that the data is the overall average size of web pages. Some websites are heavier, while others weigh less.

    So, when we talk about the ideal page size, we’re saying that the best fit for your site is whatever works best for what you want people to see when they come there. Plus, how they want to interact with your site once they are there should also be considered.

    Moreover, your page size would depend on what business you run or what industry you’re in because the type of content you’re producing is likely reliant on that. 

    For example, if your business is about creating logos, you’ll need to display your work on your website to foster trust and authority. That means plenty of high-res images and graphics on your page. So, you’ll need to apply techniques, such as using vector images, to lower image file sizes to decrease your page size. 

    In contrast, if your homepage is like Career Sidekick, wherein the content is mostly text, the page size would surely be smaller. If you look at the website, the design is minimalistic with very simple graphics, low-res thumbnails to present their content, and some blog post excerpts.

    Following this, it’s time to move on and discuss what you can do to improve your website’s performance without compromising on your content quality.

    6 Ways To Reduce Your Website’s Page Size 

    With the right strategy and methods, you can act on improving the performance of your website and reduce your website’s page size. As such, you can rest easy about not putting your website at risk of being dragged down on search engines.

    1. Compress Images

    When you’re working on a website, one of the first things you’ll want to do is compress your images. It can help lower the page size and improve the overall performance of your website. Additionally, it helps speed up image delivery, reduces bandwidth costs, and decreases response times.

    Lossless vs lossy
    Lossless vs lossy – Image Source

    For now, we’ll discuss image manipulation techniques to help you: lossless and lossy

    The former is an image processing technique used to reduce the size of larger images without losing any detail or information, making them smaller in size while preserving their original resolution. It’s useful for applications like web design and digital photography where it’s important to maintain the highest possible quality of an image.

    The latter is another image processing technique that involves removing some of the data from an image to make it smaller in size and easier to store or transfer. The most common type of lossy image processing is JPEG compression, which can significantly reduce the file size of an image while still preserving its visual quality. 

    You can use many tools for compressing images, including Imagify, which can help you optimize and compress them, even the double-sized images. This tool is especially useful if your content relies heavily on visuals. 

    For example, a best-of blog post like this guide to podcast software means including many images to demonstrate the products. Imagify can help ensure that your page size is not ballooning by compressing the images without losing quality. That means you’ll still produce top-notch content by clearly displaying the numerous podcast software on the blog.

    Another option is to utilize CSS Sprite. It works by combining multiple images into one image, which is then served from the content server. This reduces the number of requests that the browser needs to make to get the content, thus reducing page size and improving page load time.

    2. Code Clean-Up

    The code size on the page can impact your overall website performance. The more code there is, the longer it takes to load. This is because there’s more work for browsers and servers to do to process everything that needs to be downloaded before they can display anything on the screen.

    As such, you must keep your code clean and up-to-date to ensure your website runs smoothly and quickly. You can use performance plugins or tools to help you reduce page size by minifying JavaScript and optimizing CSS files, including:

    • WP Rocket
    • Closure Compiler
    • YUI Compressor

    Plus, there’s an excellent guide for developers created by Screaming Frog that discusses universal analytics, content server, link metrics, link types, JavaScript rendering mode, and many more. It’s a great help for those with technical knowledge.

    3. Update Your CMS

    A content management system (CMS) is the software that powers your website, like WordPress. It’s what allows you to change the text on pages, add new pages, and make other changes to the structure of your site.

    Hence, having an up-to-date CMS is essential for optimizing page size and improving user experience. To help you further, you can leverage search analytics data to identify the most important content on a page and reduce the number of unnecessary elements.

    4. Enable Caching

    Caching is a way to store frequently-used data so that it doesn’t have to be re-loaded each time you look at the site. This can significantly reduce the amount of processing required to generate a page, which means you can serve more pages per second and less bandwidth is used.

    Caching
    Caching – Image Source

    It helps to improve the load speed of your website because it can just load the previously stored version from its cache. Also, caching is great for reducing page size because it means you don’t need to include everything on every page of your site. 

    There are tools you can use to employ this strategy. For instance, you can use WP Rocket as a WordPress caching performance plugin. You won’t need to worry about the configuration option since it’s easy to install and be activated. And in no time, it can optimize your page thanks to its powerful options, including caching, that are automatically activated right upon activation.

    5. GZIP Compression

    WP Rocket automatically  enables the GZIP compression after activation to reduce the size of your website’s data. This is a process where the size of your website’s data is reduced. It’s a technique used to compress files for faster transmission over the internet. It takes an uncompressed file and reduces its size by removing redundant information, making it easier to download and store.

    This helps improve the load speed of your site, as well as reduce your bandwidth usage and page size. That’s because when the server sends your content to the browser, it will compress it before sending it over the wire.

    6. Optimize Your Content For Mobile

    With all the different types of phones, operating systems, and screen sizes available today, it can be difficult to develop a website that works well across all devices. But companies don’t have a choice because smartphones are the norm. Hence, making your content mobile-friendly is a must.

    This means using responsive design techniques to ensure that your content looks good no matter what device it’s being viewed on. Plus, it helps ensure that users have a great experience no matter their device.

    Mobile compatibility updates to take note – Image Source

    This strategy is becoming increasingly important in the world of SEO. Search engines take into account how well a site is optimized for mobile when ranking websites in search results. Just take a look at Google’s stance on the image above. It rewards those who have mobile-optimized content. 

    A great example of a blog post that needs to be mobile-friendly is this article about the best digital marketing websites. It has a lot of tables to accommodate its 100+ list, and they don’t render well on some smartphones. This could affect user experience and can affect the brand’s mobile SEO.

    Wrapping Up

    Many factors contribute to the success of SEO, and one of them is the page size. It impacts the overall performance of your website, which in turn affects other elements like user experience. Ultimately, it can be one of the factors on whether your website goes up or down in search rankings. Would page size or website performance be easy to monitor, especially if a website has hundreds of web pages? 

    Well, that depends. If you have an expert performance optimization service helping you, then the process of analyzing data, optimizing your content, and identifying speed opportunities becomes seamless.

    With WP Rocket, the gold standard is what you’ll get. You can integrate it into your WordPress-powered website, and it’ll do the heavy lifting to reduce your website page size and boost performance.

    The post Why Page Size Is Important For SEO And Performance appeared first on WP Rocket.

  • What’s the Best Backlink Checker? (Here’s Some New Data)

    best backlink checkerWith so many backlink checkers available – and the fact that they vary greatly in their pricing, results, and SEO tools – we set out to identify the absolute best backlink checkers based on hard data and some subjective user interface testing.

  • How to Add an HTML Sitemap Page in WordPress (2 Ways)

    Do you want to add an HTML sitemap page in WordPress?

    Unlike XML sitemaps that are submitted to search engines for better crawling, HTML sitemaps present an organized list of your pages and posts for your website visitors.

    In this article, we’ll show you how to add an HTML sitemap page in WordPress.

    How to add an HTML sitemap page in WordPress

    What’s the Difference Between XML and HTML Sitemaps?

    An XML sitemap is a file that lists your website content in an XML format for search engines like Google and others.

    You can submit your XML sitemap in webmaster tools to improve and control how the search engines crawl your website.

    On the other hand, an HTML sitemap is for your actual website visitors. It is a simple page that lists all your posts and pages in an organized way.

    Now that you know the difference, let’s take a look at how to add an HTML sitemap page to WordPress using two different WordPress plugins. You can use the quick links below to jump straight to the method you want to use.

    Method 1. Add HTML Sitemap Page in WordPress With All in One SEO

    We recommend using the All in One SEO plugin to add an HTML sitemap page in WordPress. It’s the best WordPress SEO plugin in the market used by over 3 million websites and lets you create an HTML sitemap with a couple of clicks.

    Note: There is a free version of All in One SEO Lite available which includes the HTML sitemap feature below, but we will be using the premium version in our screenshots because it includes powerful features like smart sitemaps, redirection manager, SEO schema, and more.

    The first thing you need to do is install the All in One SEO plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, the AIOSEO setup wizard will open, which will guide you through setting up the plugin and getting your SEO settings right.

    Simply click the ‘Let’s Get Started’ button and follow the steps.

    AIOSEO setup wizard

    After that, you’ll be taken to the WordPress admin dashboard, where you’ll have a new menu option called ‘All in One SEO’.

    Then, you need to go to All in One SEO » Sitemaps, click on the ‘HTML Sitemap’ menu option, and make sure the ‘Enable Sitemap’ toggle is turned on.

    Enable HTML sitemap

    Next, you can choose how you want to display your HTML sitemap.

    For this tutorial, we’ll select the ‘Dedicated Page’ option, but you can also add it as a shortcode, block, widget, and more.

    Then, enter the page URL where you want the HTML sitemap to display. The plugin will automatically create a new page for you.

    Enter URL for HTML sitemap page

    Once you’ve done that, scroll down to the ‘HTML Sitemap Settings’ section.

    Here you can customize how your HTML sitemap will display. You have control over what posts and pages will display, taxonomies such as categories and tags, sort order, and more.

    Customize HTML sitemap settings

    You can also turn on ‘Compact Archives’ to display your HTML sitemap in a compact date archive format.

    This is similar to how we display our compact archives on our 404 pages here at WPBeginner.

    After you’re done customizing your HTML sitemap settings, make sure to click the ‘Save Changes’ button.

    Save custom HTML page settings

    Now your visitors can view your HTML sitemap and more easily navigate around your website.

    If you chose the ‘Dedicated Page’ option above, then you can visit the page by clicking the ‘Open HTML Sitemap’ button.

    HTML sitemap example page

    Method 2. Add HTML Sitemap Page in WordPress With Simple Sitemap

    Simple Sitemap is a free plugin that lets you easily add an HTML sitemap to your WordPress website.

    The first thing you need to do is install and activate the Simple Sitemap plugin. For more details, see our beginner’s guide on how to install a WordPress plugin.

    Once the plugin is activated, you can open an existing page, or create a new HTML sitemap page by navigating to Pages » Add New.

    Adding an HTML Sitemap With Simple Sitemap Using Blocks

    This plugin has newly added Gutenberg blocks that you can use to simply add an HTML sitemap page.

    All you need to do is click the ‘Plus’ icon, then select the ‘Simple Sitemap’ option.

    Add simple sitemap block

    Another block included with this plugin is the ‘Simple Sitemap Group’ that creates a branching visual sitemap. But, we’re going to use the ‘Simple Sitemap’ block for this tutorial.

    Once you add the block, it will automatically create your HTML sitemap.

    On the right-hand menu, you have customization options where you can choose to display ‘Posts’ or ‘Pages’, or both together.

    In the box under ‘Select post types to display’, simply enter ‘Post’ or ‘Page’ to choose what you want to display.

    Sitemap created add posts or pages

    Next, you can change how the list displays by changing the ‘Orderby’ or ‘Order’ drop-downs.

    You can also display the excerpt for the pages or posts listed, and enable or disable links. However, we’re going to keep the default plugin settings to keep our HTML sitemap simple and easy to browse.

    Customize sitemap order and appearance

    Once you’ve finished customizing your HTML sitemap page, click ‘Publish’ or ‘Save’ if you’re updating an older page.

    When your visitors go to your HTML sitemap, they’ll see a navigation page that looks similar to the one below.

    Final block sitemap example

    Adding an HTML Sitemap With Simple Sitemap Using Shortcodes

    Another way to add an HTML sitemap to WordPress is by using a shortcode. This gives you more control over the placement of your HTML sitemap and works for those who are using the classic editor.

    Simply create a new page by navigating to Pages » Add New, then give your new page a name.

    Add new block for HTML sitemap

    After that, click the ‘Plus’ icon to add a new block to your page.

    Then, type ‘shortcode’ into the search box and select the ‘Shortcode’ block.

    Add shortcode block

    After that, simply copy and paste one of the following shortcodes into the text editor. The first shortcode will list your posts by category, and the second shortcode will list your pages.

    [simple-sitemap-group]
    
    [simple-sitemap]
    
    Paste shortcode and publish

    Once you’ve done that, click ‘Publish’ or ‘Update’ to save your changes.

    If you need more help, then see our guide on how to add a shortcode to WordPress.

    This is how the plugin will display your sitemap to your website visitors.

    HTML sitemap posts and pages

    Creating an HTML Sitemap With Simple Sitemap for Top Pages Only

    Many site owners use WordPress as a CMS with their main content published as pages instead of posts. For more details, see the difference between posts and pages in WordPress.

    In this case, you would want your HTML sitemap to show pages in the proper hierarchical order.

    Here is how you can add an HTML Sitemap with only pages.

    Simply add this shortcode to the page where you want to display your HTML sitemap. Follow the same steps above to add the shortcode to a new WordPress page.

    [simple-sitemap]
    

    This is how it will display your HTML sitemap with all your WordPress pages listed in a hierarchical list.

    HTML sitemap page example

    It also includes your parent and child pages listed in a nested fashion. For more details, see our guide on how to create a child page in WordPress.

    We hope this article helped you learn how to add an HTML sitemap page in WordPress. You may also want to see our expert picks of the best virtual business phone number apps and our expert guide on how to choose the best blogging platform.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post How to Add an HTML Sitemap Page in WordPress (2 Ways) first appeared on WPBeginner.

  • 14-Step Technical WordPress SEO Framework (Proven Checklist)

    Do you need a technical search engine optimization (SEO) checklist?

    Optimizing your site for search engines can be a challenge if you’re not sure what to look for. Many website owners will ensure basic SEO practices but overlook technical elements.

    In this article, we will show a WordPress technical SEO framework and share a checklist you can use for your business.

    WordPress technical SEO framework checklist

    Why Do You Need a WordPress Technical SEO Framework?

    Technical SEO is a key component of your WordPress SEO strategy. You could be creating the world’s best content, but if search engines can’t find and understand your content, then all your efforts are wasted.

    That’s why it is important to have a WordPress technical SEO framework.

    Our WordPress SEO framework checklist will ensure that search engines can easily crawl and index your content. Plus, you can also evaluate other technical aspects of your WordPress website that might be preventing you from achieving higher rankings.

    For example, your website might be taking a long time to load. This would result in poor rankings since the page load time is a ranking factor.

    Similarly, you might have mistakenly added nofollow tags and prevented search engines from crawling and indexing your content.

    How to Evaluate Technical SEO in WordPress

    There are many SEO tools that let you conduct SEO audits and find out if your site is technically optimized. However, not all tools will show details inside your WordPress dashboard.

    The easiest way to evaluate technical SEO for your WordPress site is by using All in One SEO (AIOSEO). It is the best WordPress SEO plugin that helps you optimize your website for search engines.

    It offers a free SEO Analysis tool that you can use to conduct a technical SEO audit. The tool is available in the AIOSEO Lite version, which you can use for free. There are also premium AIOSEO plans that offer more features like schema markups, sitemaps, redirection manager, and more.

    First, you’ll need to install and activate the AIOSEO plugin. For more details, please see our guide on how to install a WordPress plugin.

    Upon activation, you can go to All in One SEO » SEO Analysis from your WordPress admin panel. Under the ‘SEO Audit Checklist’, you’ll see an overall score for your website.

    SEO analysis

    Next, you can scroll down to the Advanced SEO and Performance sections.

    Here, the plugin will evaluate the technical SEO aspects of your website based on different parameters and ranking signals. It will then highlight missing elements and critical issues that could stop your site from ranking higher.

    View advanced SEO and performance

    You can use AIOSEO to continuously monitor your site’s technical SEO and fix issues. Similarly, you can also perform a competitor analysis and see what they’re doing differently for their technical SEO optimization.

    That said, let’s look at our WordPress SEO framework checklist that you can use to ensure higher rankings and organic traffic. You can click the links below to jump ahead to any section:

    1. Ensure Your Website is Visible to Search Engines

    The first thing you need to check is whether search engines are able to find your WordPress site.

    You can simply enter site:example.com in the search engine and see if your website appears in the search results. Just replace ‘example.com’ with your own domain.

    Perform site search

    If your site isn’t showing up, then you can check the visibility settings in WordPress.

    Go ahead and visit the Settings » Reading page from your WordPress admin panel. Next, scroll down to the Search engine visibility setting and be sure the ‘Discourage search engines from indexing this site’ option is unchecked.

    Search Engine Visibility Setting in WordPress

    This option is usually enabled if your website is under construction or is put in maintenance mode.

    2. Uncover Crawling and Indexing Issues

    If your website is visible to search engines, then it is important to check that your content is crawled and indexed.

    Crawling is the process where Google, Bing, and other search engines discover and understand your website. Indexing is the process where search engines collect and store information about your website.

    A simple way of checking crawling and indexing issues is using webmaster tools. For example, Google Search Console is a free tool by Google that shows your site’s performance on search results, helps uncover bugs, and allows you to submit your site to Google.

    If you haven’t connected to the webmaster tool, then see our guide on how to add a WordPress site to Google Search Console.

    In Google Search Console, you can head to the ‘Pages’ report. Here, you’ll see pages that are indexed and not indexed.

    Page indexing in search console

    Next, you can scroll down to the ‘Why pages aren’t indexed’ report.

    Google Search Console will show you crawling and indexing errors on your website and which pages are affected by them. You can then resolve these issues, so your web pages can appear in Google search results.

    Why pages are not indexed

    Besides that, you can also check indexing and crawling issues for individual URLs.

    Simply enter the page link in the URL inspection tool at the top. Google Search Console will then show you a report on whether the URL is indexed and on Google.

    URL inspection tool

    If it is not, then you’ll see a ‘URL is not on Google’ message. To fix this, you can click the ‘Request Indexing’ button so Google can crawl and index your page.

    3. Make Sure Your Website is Secure with HTTPS

    Another important thing to check from a technical SEO framework standpoint is whether your website is secure or not.

    Google and other search engines will give preference to sites that use HTTPS over those that use HTTP. To secure your site, you will need an SSL certificate to encrypt the connection between your website server and the user’s browser.

    You can check this by looking for the padlock sign in your browser’s search bar at the top.

    Look for padlock sign

    Most WordPress hosting companies now offer free SSL with all their plans. You can ask your host to see if they offer that.

    For more details, please see our guide on how to move your WordPress site from HTTP to HTTPS.

    Broken links are bad for your website’s SEO framework, and it negatively impacts your user experience. These are links that no longer exist and will return a 404 error.

    Since search engine crawlers find different pages on your website by following internal links. A broken link can stop them from discovering new content. As a result, your page might not get indexed in the search results.

    Similarly, if a visitor clicks on a link and is unable to find a page they’re looking for, then they might exit your website.

    The MonsterInsights custom 404 error design

    With All in One SEO (AIOSEO), you can easily find and fix broken links on your WordPress website.

    It offers a powerful redirection manager that helps track 404 errors on your website and lets you set up permanent 301 redirects to fix broken links.

    404 error logs in AIOSEO

    To learn more, you can follow our detailed guide on how to find and fix broken links in WordPress.

    5. Look for Duplicate Versions of Your Site

    It is important that Google and other search engines only index one version of your website.

    Your website can have different versions, but they should all point to one version. For example, you can have a site that has www and non-www version or HTTP and HTTPS version:

    https://www.example.com
    https://example.com
    http://www.example.com
    http://example.com
    

    Whether you choose a www or non-www version, all the URLs should redirect to the primary WordPress URL. Otherwise, Google will consider each version as a different website.

    This can negatively impact your overall SEO rankings. Search engines won’t know which version to index, and it could cause duplicate content issues.

    You can check the primary URL for your site by going to Settings » General from the WordPress dashboard. Next, look at the web address in the ‘WordPress Address (URL)’ and ‘Site Address (URL)’ fields.

    Look for primary URL

    With AIOSEO, you can automatically set the proper canonical URL in your site header, so search engines will know your preference.

    6. Use SEO-Friendly URL Structures

    After setting a primary URL for search engines to index, you can now check the URL structure of your website.

    URL structure plays an important role in your SEO. Having an SEO-friendly URL structure will help Google, Bing, and other search engines easily crawl your pages and understand your content.

    Here’s an example of a bad URL structure:

    https://www.example.com/category.php?id=42012
    

    Instead, you should be using URLs that describe the content, like:

    https://www.example.com/blog/how-to-start-a-wordpress-website
    

    You can create SEO-friendly URLs by making sure that they are short and descriptive. Besides that, don’t forget to include a keyword in the permalinks, use hyphens to separate words, keep all the words in lowercase, and don’t use stop words.

    Pro Tip: Don’t include numbers in your URL slugs, either. That way, you can update your content in the future

    7. Ensure Your Site is Mobile Friendly

    The next item in the technical SEO framework checklist is to ensure your WordPress site is mobile responsive.

    With Google now going mobile-first, it will now index your site’s mobile version instead of the desktop version.

    You can check your site’s mobile responsiveness by using the free Google Mobile-Friendly Test tool.

    Mobile friendly test

    Simply enter your website URL and click the ‘Test URL’ button.

    The tool will then show results for your website. You can see if it is mobile-ready or not.

    See mobile friendly test tool results

    If your site is not mobile-friendly, then you can start by changing to a responsive WordPress theme.

    You can also follow our guide on how to change your WordPress theme without losing any data or traffic.

    8. Check Your Website Speed and Improve Performance

    Your website speed is also a critical part of your WordPress technical SEO framework. Google uses page load speed as a ranking factor and will rank fast-loading sites higher compared to slow-performing websites.

    You can check website load time by running a site speed test. For instance, you can use MonsterInsights, which is the best Google Analytics plugin that shows a site speed report inside your WordPress dashboard.

    You’ll first need to install Google Analytics to your WordPress site using MonsterInsights.

    After that, you can head to the Insights » Reports page from your WordPress admin panel. Next, you can go to the ‘Site Speed’ tab. Here, you’ll see an overall score for your website speed for desktop and mobile.

    Site speed report

    The report will also show other metrics that are important for measuring your website speed.

    If you scroll down, then MonsterInsights offers recommendations and benchmark goals for each metric you should target.

    Recommendations for improving speed

    To improve website load time, you can see our ultimate guide to boost WordPress speed and performance.

    A quick tip that you can use to improve your website speed is minifying your CSS and JavaScript files.

    The term minified means reducing the size of website files by removing white spaces, lines, and unnecessary characters. When a user visits your website, different files are sent to the user’s browser, which includes CSS, HTML, and JavaScript files.

    By reducing the file size, you can significantly improve website speed and performance. There are many WordPress plugins and hosting services that allow you to minify CSS and JavaScript files, like WP Rocket and SiteGround.

    For more details, you can check out our guide on how to minify CSS and JavaScript files in WordPress.

    9. Improve Your Internal Linking Structure and Remove Orphaned Pages

    Internal links play an important role in your website’s technical SEO framework. Search engines reward websites that have a proper internal linking structure without too many orphaned pages.

    AIOSEO has a powerful SEO Link Assistant feature that makes it easy for you to discover link opportunities and even automate the process for you.

    It is the best internal linking plugin for WordPress that crawls the links on your WordPress website and provides a detailed report. You can see the number of internal links, outbound links, and affiliate links for each post and page.

    AIOSEO Link assistant dashboard

    You can see all the link suggestions in one place, and it can even automatically go back and add internal links in your older posts with a single click.

    Find internal link opportunities and orphaned pages

    10. Generate XML Sitemaps and Submit Them to Search Engines

    Another important part of technical SEO framework is making it easier for search engines to find your content. One of the ways you can do that is by creating an XML sitemap.

    It tells search engines about the important pages on your website. This way, search engine bots can crawl your site faster and index your content. While a sitemap won’t boost your rankings, it will improve the overall crawling and indexing process.

    You can create and customize the sitemap using AIOSEO. The plugin will automatically generate a sitemap upon activation. Besides, it also lets you create a video sitemap, a news sitemap, an HTML sitemap, and an RSS sitemap.

    AIOSEO sitemap options

    Once you’ve created a sitemap, you can then submit it to different search engines using their webmaster tools.

    For instance, Google Search Console gives the option to enter the sitemap URL and submit it to the search engine. To learn more, you can see our guide on how to submit your site to search engines.

    Submit sitemap to Google

    Similarly, you can also add your site to Bing Webmaster Tool and then submit an XML sitemap to improve crawling and indexing.

    11. Use Schema Markup for Rich Snippets

    The next technical SEO framework item you should check is schema markup. It helps search engines understand your content better and how it will appear on the search results.

    You can use schema markup for recipes, reviews, events, organizations, FAQs, blog posts, product pages, multiple locations for local businesses, and more.

    Search engines can use this information and display rich results. It also helps capture Google featured snippets, which can increase organic clicks and traffic.

    For example, here’s how Google shows recipes, ingredients, ratings, cooking time, and other information for blog posts that use a recipe schema markup.

    Recipe schema markup

    You can easily add a schema markup in WordPress and WooCommerce using AIOSEO.

    The plugin lets you choose the schema type depending on your content, and it takes care of the rest.

    Schema markup settings in AIOSEO

    With AIOSEO, you can also add completely custom schema markups based on your needs using the WordPress custom schema generator feature. This can help you get star ratings, and other rich snippets in Google.

    AIOSEO Custom Schema Generator for WordPress

    12. Optimize Your Robots.txt File for SEO

    Robots.txt is a text file that specifies instructions for search engine bots on how to crawl your website. You can tell which pages to crawl and which pages to skip while crawling.

    Here’s what a robots.txt file would look like for a WordPress site:

    User-Agent: *
    Allow: /wp-content/uploads/
    Disallow: /wp-admin/
    Disallow: /readme.html
    Disallow: /refer/
     
    Sitemap: http://www.example.com/post-sitemap.xml
    Sitemap: http://www.example.com/page-sitemap.xml
    

    Adding a robots.txt file helps save the crawl quota. A search engine crawler will crawl a certain number of pages during a session. If they don’t finish crawling all the pages on your site, they will resume crawling in the next session.

    This can slow down the indexing of your content, and it will appear in search results after some delay. That’s why optimizing the robots.txt file is an important component of the technical SEO framework.

    You can disallow pages unnecessary pages like the WordPress admin area, theme folder, plugin files, and more. This way, you get to save the crawl quota and allow search engine bots to crawl even more pages.

    On the other hand, you can add sitemaps and other important pages to robots.txt. This way, search engines will crawl and index them as quickly as possible.

    A simple way of optimizing the robots.txt file is by using AIOSEO. You can enable custom robots.txt using the plugin and add rules to allow or disallow search engines to crawl.

    Optimize robots txt file

    To learn more, please see our guide on how to optimize your WordPress robots.txt for SEO.

    13. Make Sure Google Doesn’t Flag Your Site for Malware

    Another important technical SEO checklist item is to ensure your site isn’t flagged by Google for malware or unwanted software.

    If your website is a security risk for users, then Google will show the following warning message:

    Google safe browsing malware warning

    This can be really bad for your WordPress SEO. It will keep people away from visiting your website, and impact your rankings, and overall website traffic.

    To scan for malicious files on your website, you can use a WordPress security scanner. At WPBeginner, we use Sucuri as it is the best WordPress firewall and security plugin. It checks for vulnerabilities like malware, spam injection, malicious code, and helps clean up the website.

    You can also take a look at our guide on how to fix ‘this site ahead contains harmful programs’ error in WordPress, if Google flags your site for malware.

    14. Use Server Side Rendering vs Client Side Rendering

    Another technical SEO best practice is ensuring that your site’s JavaScript renders on the server side and not on the client side.

    Server-side rendering is when the JavaScript files render on the website server. While client-side rendering is when the JavaScript files render in the user’s browser.

    Client-side rendering is bad for your site’s user experience and SEO. All the burden of loading your site quickly falls on the visitor. Plus, search engine bots use JavaScript resources for crawling and indexing your content. This could result in JavaScript content being missed by crawlers and not included in the search engine index.

    With server-side rendering, your website server ensures everything loads quickly. This way, you get a better user experience, faster page load speed, and reduce any risk of content being missed from indexing.

    One way of ensuring that JavaScript is rendering on your site’s server is by running a site speed test. If your website speed is low, then it could be because of this issue. You can also look at crawled pages in Google Search Console and see if Google missed any content while crawling. If it did, then it could be because of JaveScript-related SEO issues.

    That’s it. You’ve made it to the end of the list. You don’t need to go through each and every point in the technical SEO framework at once. Simply go one step at a time and work your way through the list.

    We hope this article helped you learn about WordPress technical SEO framework. You may also want to see our comparison of the best keyword research tools, and our proven tips on how to increase your blog traffic.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post 14-Step Technical WordPress SEO Framework (Proven Checklist) first appeared on WPBeginner.

  • Image Alt Text vs Image Title in WordPress – What’s the Difference?

    A lot of content on the web includes images. However, not many website owners optimize their images for speed or better search rankings.

    Even though WordPress comes with the option to add alt text and an image title, often beginners do not understand the difference and how to use them.

    In this article, we will share the difference between image alt text vs image title in WordPress, so you can improve your image SEO.

    Image Alt Text vs Image Title in WordPress - What's the Difference?

    Here’s what we’ll cover in this tutorial:

    What’s the Difference Between Alt Text and Image Title?

    ‘Alt text’ is short for ‘alternate text’ and is an attribute that is added to an HTML image tag. The text describes the image, so visitors who can’t see the image and search engine bots will understand what the image is about.

    If an image on your WordPress website can’t be found or displayed for some reason, then the alt text will be shown instead, as you can see in the following screenshot.

    Alt text displayed next to a broken image icon

    Alt text is different from the image’s title. The title will be displayed in a small popup box when you bring your mouse cursor over the image.

    An image with the title text

    Alt text and image titles are also used to improve the accessibility of your website for those with poor vision and who use screen reader devices to read your site’s content.

    When the screen reader comes to an image, it will read the alt text. Depending on the user’s settings, it may also read the title text.

    For both accessibility and search engine optimization (SEO), alt text is more important than title text. This is why we strongly recommend including alt text for all your images.

    How to Add Alt Text to an Image in WordPress

    WordPress allows you to easily add alt text to your images. You can do this from the block editor, the classic editor, or the WordPress Media Library.

    Adding Alt Text in the Block Editor

    Simply create a new post or page or edit an existing one, and add an Image block.

    Add an Image Block

    If you’re not sure how to add a block or you need some extra help with the block editor, then just check out our tutorial on how to use the WordPress block editor.

    Now you need to upload your image or drag and drop it into the Image block. You can then set the alt text on the right-hand side of the page.

    Adding alt text to an image in the WordPress block editor

    Adding Alt Text in the Classic Editor

    If you’re still using the classic WordPress editor, then you can add image alt text when adding the image.

    First, click on ‘Add Media’ above the posting box.

    Click 'Add Media' in the classic editor to add an image to your post

    After that, you should either upload the image from your computer or click the ‘Media Library’ tab to view images you’ve already uploaded.

    Next, click on the image you want in order to select it, and then type the alt text you want into the ‘Attachment Details’ of your image.

    Adding alt text to an image in the classic editor

    Adding Alt Text in the Media Library

    You can also add alt text to an image by going to Media » Library and clicking on the image to edit it.

    Viewing or editing the alt text for your image in the WordPress media library

    Remember, this won’t change the alt text for any instances of that image that you’ve already inserted into posts or pages. However, if you add the image to a post or page after adding alt text here, then the alt text will be included with it.

    How to Add Image Titles in WordPress

    It’s important to understand that there are two types of titles that you can add to your images.

    First, there is the default image title WordPress uses internally to identify media files in the Media Library and attachments pages. Second, there is the HTML image title attribute added to images in your posts and pages.

    Let’s take a look at how to add both types of titles.

    Adding the WordPress Image Title in the Media Library

    You can add WordPress media titles to your images using the Media Library. When you edit an image in the Media Library, you will see a ‘Title’ field.

    Adding an Image Title in the WordPress Media Library

    This title is used by WordPress to identify the image. When you click the ‘View attachment page’ link at the bottom of the screen, you’ll see the title is used as the title on that page.

    Viewing the image's attachment page, with the image title shown

    The WordPress media title isn’t necessary for image SEO or for users with screen readers. While it may be helpful in some cases, it’s not as useful as the image’s HTML title attribute. So how do you create that?

    Pro Tip: Would you like to automatically use the WordPress media title as the image’s title attribute in your posts and pages? Take a look at the section below where we show you how to do this using All in One SEO Pro.

    Adding an HTML Image Title Attribute in the Block Editor

    It’s easy to add a title attribute in the block editor. Simply click the image and then click the down arrow next to ‘Advanced’ to show the advanced image options.

    Adding the Title Attribute in the Block Editor

    Now you can simply type the title in the ‘Title Attribute’ field.

    Adding an HTML Image Title Attribute in the Classic Editor

    Adding a title attribute using the old classic editor is similar. You can add the title attribute by clicking on an image and then clicking the pencil icon.

    Editing an image in the WordPress classic editor

    You’ll then see the ‘Image Details’ screen. To set the image title attribute, you need to click the little down arrow next to ‘Advanced Options’ at the bottom.

    Click the downward arrow to view the Advanced details for your image

    You can then set the image’s title attribute. Make sure you click the ‘Update’ button at the bottom of the screen when you’re done.

    How to Automatically Set Alt Text and Image Titles Using AIOSEO

    All in One SEO (AIOSEO) is the best WordPress SEO plugin on the market. It will add a proper image sitemap and other SEO features to improve your SEO ranking. It also lets you automatically set your alt text and image titles, and more.

    The first thing you need to do is install and activate the All in One SEO plugin. For more details, see our step-by-step guide on how to install a WordPress plugin. To use the Image SEO feature, you will need the Plus plan or above.

    Upon activation, the plugin will launch the setup wizard automatically. You can learn how to configure the plugin in our guide on how to set up All in One SEO correctly.

    Now you need to navigate to All in One SEO » Search Appearance and then click on the ‘Image SEO’ tab. After that, you’ll have to click the ‘Activate Image SEO’ button to enable the premium image SEO features.

    Activating the Image SEO Module in AIOSEO

    Setting Image Titles Using All in One SEO

    Make sure that you are looking at the ‘Title’ tab of the Image SEO page. Here you can choose tags that will set the format used to automatically generate title attributes for your images.

    For example, if you include the ‘+ Image Title’ tag, then each image in your posts and pages will automatically use the WordPress media title in the HTML title attribute.

    Customizing the Image Title in AIOSEO

    You can also add other tags, such as your website title, to your image title attribute. All in One SEO can even strip punctuation from the title and change its capitalization.

    Setting Alt Text Using All in One SEO

    Next, you need to click the ‘Alt Tag’ tab on the AIOSEO’s Image SEO page. Here you can automatically format the alt text of your images.

    By default, AIOSEO will simply use the image’s alt text. If you like, you can also add your website’s title and other information to the alt text of each image on your website.

    Customizing the Alt Tag in AIOSEO

    Why Use Alt Text and Image Titles in WordPress?

    We strongly recommend using alt text for all images. Here on WPBeginner, we also add a title to all images. However, this is less important than the alt text.

    Alt text is important because Google focuses on it as a ranking factor for images. It is also used by screen readers to help visitors with impaired vision to fully engage with your content.

    You should never just stuff keywords into alt and title tags. It’s important that you make them descriptive and helpful so that they’re useful for visitors who need them. You can use your keywords where relevant, but don’t overdo it.

    For example, if you’re writing an article about the best WordPress hosting, then your target keyword could be “best WordPress hosting”.

    You might also have a screenshot in your article showing users how to set up an account with a popular web host like Bluehost. Let’s take a look at some good and bad examples of alt text for that image:

    • “Account setup” is not very descriptive and also doesn’t include anything related to your keyword.
    • “Best WordPress hosting, WordPress hosting, best web hosting for WordPress” doesn’t describe the image and is stuffed with keywords.
    • “Setting up a WordPress hosting account” is much better as it’s descriptive and uses part of the keyword in a natural and appropriate way.

    We hope this article helped you understand the difference between image alt text and image title in WordPress. You may also want to learn how to optimize images for the web, and check out our list of the best WordPress SEO plugins and tools.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post Image Alt Text vs Image Title in WordPress – What’s the Difference? first appeared on WPBeginner.

  • How to Properly Change, Move and Delete WordPress Categories

    Do you want to change, move, or delete WordPress categories?

    Categories help organize your content and make it easy for visitors to find interesting posts. However, as your website grows and you learn more about your audience, you may need to change your categories.

    In this article, we will show you how you can easily change, move, and delete the categories on your WordPress website.

    How to properly change, move and delete WordPress categories

    Why Change, Move or Delete WordPress Categories?

    Categories help sort your blog posts and make it easier for users to find what they are looking for. This will keep them on your website for longer and encourage them to convert.

    However, it can be difficult to plan all your categories in advance. This is especially true if you’re just getting started with WordPress, or aren’t sure which direction to take your new blog, online store, or small business website.

    You may also want to try out different categories and content, and then analyze what works the best by installing Google Analytics in WordPress. You can then use this insight to fine-tune your categories.

    With that being said, at some point, you may need to change your WordPress categories. This might involve renaming a category to include the keywords that got the most clicks during A/B split testing, or fixing a spelling mistake.

    You might even organize your categories and subcategories into new parent-child relationships to help visitors discover new content.

    If you don’t make these changes carefully, then it could hurt the visitor experience, damage your SEO, and make it more difficult for visitors to navigate your website.

    With that being said, let’s see how you can properly change, move, and delete WordPress categories. Simply use the quick links below to jump straight to the change you want to make.

    How to Rename or Edit a WordPress Category

    To start, you can change a category’s name, assign it to a different parent category, or display a category description to help other authors understand how to use that category.

    To make any of these changes, head over to Posts » Categories.

    How to change WordPress categories

    Here, find the category that you want to change and hover the mouse over it.

    When the ‘Edit’ link appears, give it a click.

    How to edit the categories on your WordPress website

    This will take you to a screen where you can rename the category, add a parent or subcategory, or write a category description. For example, if you’ve used a keyword research tool to find some new keywords or phrases, then you may want to change the category’s name to include these words.

    To rename a category, simply type the new title into the ‘Name’ field.

    Renaming a WordPress category

    When you’re happy with the changes you’ve made, don’t forget to click on ‘Update’ to store your settings.

    After that, WordPress will automatically update all the posts within this category.

    Every category has an archive page in WordPress, as you can see in the following image. These pages help visitors find related content, which can increase your pageviews and reduce the bounce rate in WordPress.

    The WordPress category archive page

    Sometimes you may want to change where this archive page is located. For example, if you’ve renamed a category, then you might also change its archive URL to avoid confusing visitors.

    However, changing the slug means that anyone who tries to visit the original URL will get a 404 error.

    A 404 error page on a category archive page

    This is a bad user experience and can impact your WordPress SEO. Thankfully, you can easily fix this problem by creating a redirect.

    With that in mind, go ahead and change the slug by going to Posts » Categories. Then, find the category that you want to edit and hover the mouse over it.

    When the ‘Edit’ button appears, give it a click.

    How to move a WordPress category to a new slug

    In the ‘URL’ field, you’ll see the current slug for this category’s archive page.

    Simply type in the new URL that you want to use. Just be aware that you can only use lowercase letters, numbers, and hyphens in the URL.

    How to edit the URL slug for a category archive page

    When you’re happy with how the slug looks, scroll to the bottom of the screen and click on ‘Update’ to store your changes.

    Now, you’ll see the archive page if you visit the new URL, but you’ll get an error if you type in the original link.

    The easiest way to redirect from the old URL to the new link is by using AIOSEO.

    AIOSEO is the best SEO plugin for WordPress and can help you get more visitors from search engines like Google. It even has a setup wizard that will help you choose the best SEO settings for your website and improve your rankings, even if you’re completely new to search engine optimization.

    For this guide, we’ll be using the AIOSEO Pro version because it has the Redirection Manager that you’ll need to set up a redirect. However, there is also a free version of AIOSEO that you can use to optimize your website no matter what your budget.

    First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.

    Upon activation, AIOSEO will automatically launch the setup wizard. You can simply click on ‘Let’s Get Started’ and then follow the onscreen instructions to improve your site’s search engine rankings.

    Click let's get started AIOSEO setup wizard

    To learn more, please see our step-by-step guide on how to set up All in One SEO for WordPress correctly.

    Since we want to use the plugin’s premium features, you’ll need to enter a license key when asked. You can find this information under your account on the AIOSEO website.

    Enter AIOSEO license key

    After entering the license key, click on the ‘Finish Setup’ button to save your settings and close the setup wizard.

    With that out of the way, head over to All in One SEO » Redirects in the WordPress dashboard. You can then go ahead and click on Activate Redirects.

    Activating the AIOSEO redirect feature

    Now you’ve activated the Redirection Manager, you can start by typing in the source URL. This is the category archive’s original web address, and will usually start with /category/ followed by the original category name.

    Here, we’re redirecting anyone who tries to visit /category/search-engine-optimization.

    Adding a source URL for your category redirect

    After typing in the source URL, make sure you click on the small cog icon to see some extra settings that you can configure.

    You’ll need to check the box next to ‘Regex.’

    Creating a regex redirect in WordPress

    Now, it’s time to move to the target URL, which is our new category archive page.

    In the following image, visitors will be redirected to /category/seo.

    Adding a 301 redirect to your WordPress website

    Your next task is choosing the type of redirect that AIOSEO should use. There are various types of redirects that are identified with numbers such as 301, 302, and 307.

    If you’re permanently moving the archive to a new location, then you’ll want to use a 301 redirect as this tells search engines that the page will always be at this new location. This way, all the old archive’s traffic and backlinks are transferred to the new page.

    Simply open the ‘Redirect Type’ dropdown and choose ‘301 Moved Permanently.’

    Choosing a redirect type for your WordPress website

    If you’re only temporarily moving the category archive page to a new URL, then you should choose ‘307 Temporary Redirect’ instead.

    When you’ve done that, go ahead and click on the ‘Add Redirect’ button.

    Now, if you try to visit the original category archive page, AIOSEO will automatically redirect you to the new target URL.

    How to Properly Delete a WordPress Category

    Sometimes you may no longer need a particular category. For example, you may have accidentally created two very similar categories or changed the direction of your WordPress blog so you no longer cover the same content.

    Before deleting a category, it’s important to think about how this will affect your WordPress website. Firstly, WordPress will remove the deleted category from all your posts. Any posts that no longer have a category, will be marked as ‘uncategorized.’

    Lots of uncategorized content will make it more difficult for visitors to explore your website. With that being said, you may want to look through all the posts within the category you plan to delete, to make sure they have at least one alternate category.

    You can also set up a redirect for that category’s archive page by following the same process described above. This can help you fix any broken links before they hurt your search engine rankings or the visitor experience.

    When you’re ready to delete the category, simply go to Posts » Categories. You can then hover the mouse over the category and click on the ‘Delete’ link when it appears.

    How to delete a WordPress category

    How to Change the Default Uncategorized Category

    If you don’t assign a category to a post, then WordPress will assign one automatically. By default, this is ‘uncategorized’ but you may want to change this to an alternative category.

    Another option is to continue using the ‘uncategorized’ category, but give it a more descriptive and useful name.

    This change is particularly important if you run a WordPress multi-author blog or accept guest contributions, as these people may forget to add a category to their posts.

    Changing the default category can also improve your WordPress SEO by making sure that every post has a descriptive category.

    Let’s start by renaming the uncategorized category by going to Posts » Categories.

    Here, find ‘Uncategorized’ and hover your mouse over it. When the ‘Edit’ link appears, give it a click.

    Renaming the default uncategorized category

    You can now type a new title into the ‘Name’ field.

    After that, scroll to the bottom of the screen and click on ‘Save.’

    How to rename the default WordPress category

    Another option is to change the default category. This can be useful if you’ve already created a general category, and now want to use it as your default.

    To make this change, head over to Settings » Writing in the WordPress dashboard. You can then open the ‘Default Post Category’ dropdown and choose any category from the list.

    How to delete a WordPress category

    After that, don’t forget to click on ‘Save Changes’ to store your settings.

    How to Add a Subcategory in WordPress

    WordPress allows you to add category hierarchy, so you can add sub categories as needed.

    You can do this easily by using the Parent category dropdown on the Add New Category screen.

    Select a parent category in WordPress

    For more details, see our step by step guide on how to add subcategories in WordPress.

    How to Easily Convert Categories into Tags

    Categories and tags are both important ways to organize and group your posts. However, to help visitors find their way around your site, you should use them in slightly different ways.

    Categories are great for broadly grouping your posts, while tags are meant to describe the specific details of each post.

    Visitors can use categories to quickly find the type of content they’re interested in, or their favorite subject. They can then use tags to pinpoint the exact post within that category.

    At WPBeginner we have a Beginner’s Guide category, which is aimed at new WordPress users. Each post in the Beginner’s Guide has different tags, such as custom taxonomy, SEO, and sorting your content.

    It’s easy to get categories and tags mixed up, especially if you’re just getting started with WordPress. Your website may also change over time, to the point where one of your tags would now work better as a category.

    You can easily turn categories into tags, using the Categories to Tags Converter plugin. For example, you can turn a ‘Beginner’s Guide’ category into a ‘Beginner’s Guide’ tag with the click of a button. Even better, all posts that were categorized as ‘Beginner’s Guide’ will be assigned the new ‘Beginner’s Guide’ tag automatically.

    This can save you a ton of time and let you test different ways of organizing your content.

    First, you’ll need to install and activate the Categories to Tags Converter plugin. If you need help, then please see our guide on how to install a WordPress plugin.

    Upon activation, go to Tools » Import. Here, find ‘Categories and Tags Converter’ and click on its ‘Run importer’ link.

    Converting a WordPress category into a WordPress tag

    You’ll now see all the different categories and tags you’ve created for your website, organizied into tabs.

    To convert a category into a tag, simply check the box next to it. You can then click on the ‘Convert Categories’ button.

    Easily turn a category into a tag

    After a few moments, you’ll see a ‘Converted successfully’ message. To turn more categories into tags, simply repeat the process described above.

    To turn a tag into a category, select the ‘Tags’ tab. You can now check the box next to the tag that you want to change, and click on the ‘Convert Tags’ button.

    Converting a WordPress tag into a WordPress category

    We hope this article helped you learn how to properly change, move, and delete WordPress categories. You can also go through our guide on the best email marketing services and proven ways to make money online blogging with WordPress.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post How to Properly Change, Move and Delete WordPress Categories first appeared on WPBeginner.

  • What is rel=”noopener” in WordPress? (Explained)

    Have you been wondering what rel="noopener" means in WordPress?

    When you add a link that opens in a new tab, WordPress will automatically add the rel="noopener" attribute to the link.

    In this article, we will explain what rel="noopener" means in WordPress and how it affects your website.

    What Is rel="noopener" in WordPress? (Explained)

    What Is rel=”noopener” in WordPress?

    When you add links to your WordPress website, you can use HTML attributes to control what happens when you click the link.

    For example, when you create a link, there is a toggle switch that allows you to open it in a new tab.

    Opening a Link in a New Tab

    The HTML code generated by WordPress for this link looks like this:

    <a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>
    

    Notice that some HTML attributes have been added to the link, rel="noopener" and rel="noreferrer". These attributes are added to address a security vulnerability.

    The problem is that JavaScript code can be used to allow a new tab to get control of its referring window. If you link to an external website affected by the malicious code, then that website can use the window.opener property in JavaScript to change the original page (your website) to steal information and spread malicious code.

    WordPress adds rel="noopener" to prevent the new tab from taking advantage of this JavaScript feature. Similarly, the rel="noreferrer" attribute prevents passing the referrer information onto the new tab.

    How Does rel=”noopener” Affect Your WordPress SEO?

    It doesn’t.

    Even though the rel="noopener" attribute improves WordPress security, some users avoid using it because they think it will impact their WordPress SEO.

    But that’s just a myth.

    It has no impact on your site’s SEO rankings or your overall WordPress performance.

    What’s the Difference Between “noopener” and “nofollow”?

    It’s easy to confuse rel="noopener" with rel="nofollow". However, they are completely separate attributes.

    The noopener attribute prevents your website from cross-site hacking and improves WordPress security.

    On the other hand, the nofollow attribute prevents your website from passing on SEO link-juice to the linked website.

    Search engines look for and consider the nofollow attribute when following a link on your website. However, they do not give any consideration to the noopener tag.

    By default, WordPress does not allow you to add nofollow to your external links. If you want to add nofollow in WordPress, then you will need to use a plugin.

    To learn more, see our article on how to add title and nofollow to links in WordPress.

    Does rel=”noreferrer” Affect Affiliate Links in WordPress?

    The rel="noreferrer" does not affect affiliate links in WordPress. Some users believe that it does because rel="noreferrer" prevents the referrer information passing to the new tab.

    However, most affiliate programs provide you with a unique URL that has your affiliate ID. This means your affiliate ID is passed along as a URL parameter for the other website to track.

    Secondly, most affiliate marketers use a link cloaking plugin for their affiliate links.

    With link cloaking, the affiliate link that your users click on is actually your website’s own URL, which then redirects users to the destination URL.

    How Do You Disable rel=”noopener” in WordPress?

    There is no need to remove rel="noopener" from links on your website. It is good for your website’s security and has no performance or SEO impact on your website.

    However, if you must remove it, then you will have to disable the Gutenberg block editor in WordPress and use the old classic editor.

    That’s because if you remove rel="noopener" from the link manually, the block editor will automatically add it back in to keep your website safe.

    Once the block editor is disabled, you will need to add a code snippet to your theme’s functions.php file or to the WPCode plugin (recommended). You can learn how to use the WPCode Free Plugin in our guide on how to easily add custom code in WordPress.

    Simply copy the following code into a new PHP snippet:

    add_filter('tiny_mce_before_init','wpb_disable_noopener');
    function wpb_disable_noopener( $mceInit ) {
        $mceInit['allow_unsafe_link_target']=true;
        return $mceInit;
    }
    
    Adding a Code Snippet Using WPCode

    Make sure you change the ‘Active’ toggle on and then click the ‘Save Snippet’ button.

    This will stop WordPress from adding rel="noopener" to new links. You will also need to manually edit any old links to remove the attribute.

    Want even more control over which rel attributes get added to your links in WordPress? We recommend using the AIOSEO plugin because it lets you add title, nofollow, and other link attributes right inside the WordPress editor.

    AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup

    We hope this article helped you learn about rel="noopener" in WordPress. You may also want to learn how to get a free email domain, or see our list of tips to speed up WordPress performance.

    If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

    The post What is rel=”noopener” in WordPress? (Explained) first appeared on WPBeginner.