On-Page & Technical SEO

On-Page & Technical SEO

Do you want to display all your WordPress posts on one page? Recently one of our readers wanted to create an archives page and show all WordPress posts on a single page. In this article, we will show you how to display all your WordPress posts on one page without pagination. Companies use search engine optimization (SEO) to help search engines recognize their websites as highly relevant to particular searches. 

That coved on-page is also technically related to the content. Now, O’Leary takes a look at my technical aspects. Let’s dive in.You may already know that keyword research is the foundation of winning SEO

  1. Internal linking
  2. Sitemaps
  3. HTTPS
  4. Mobile-friendliness
  5. Page speed
  6. Image alt texts
  7. Title tags and meta descriptions
  8. Featured snippets

1.Internal linking

Internal links connect pages on the same website. For instance, you’ll notice the Bluehost homepage links to other pages on our website such as our hosting products. Internal links work to build a website’s overall structure by connecting related content.

Here’s why:

  • Internal links improve the crawlability of your website. If your pages are well interlinked, the search engine crawlers have an easier job to find and index all your pages.
  • Internal links improve the UX and engagement. If you have clear navigation, your visitors will find what they need more easily. With relevant contextual links, they’ll spend more time with your content instead of leaving the website to find their answers elsewhere.
  • Internal links can improve your rankings. Yes, internal links pass link equity too. If a page has a lot of relevant internal links with descriptive anchor texts, Google will understand the linked page better, consider it important within your page structure and give it more prominence.

The biggest advantage of internal linking? Unlike external links, internal links are fully in your hands.

Use clear navigational elements

  • Menu – a main navigational element that should be clear and descriptive
  • Breadcrumbs – very useful if you have a deeper structure of nested pages
  • Categories – categorize your content into logical categories so that people can find similar content easily

2. Sitemaps

A sitemap is a blueprint of your website that help search engines find, crawl and index all of your website’s content. Sitemaps also tell search engines which pages on your site are most important.

There are four main types of sitemaps:

  • Normal XML Sitemap: This by far the most common type of sitemap. It’s usually in the form of an XML Sitemap that links to different pages on your website.
  • Video Sitemap: Used specifically to help Google understand video content on your page.
  • News Sitemap: Helps Google find content on sites that are approved for Google News.
  • Image Sitemap: Helps Google find all of the images hosted on your site.

XML

Here is a very basic XML sitemap that includes the location of a single URL:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>http://www.themedev.net</loc>
    <lastmod>2018-06-04</lastmod>
  </url>
</urlset>

Submit Your Sitemap To Google

To submit your sitemap login to your Google Search Console account.

Then, go to “Index” → “Sitemaps” in the sidebar.

3. HTTPS

Let’s start with the basics. The “s” at the end of the “http” part of a URL means the website is secure. HTTPS (Hypertext Transport Protocol Security), or secure, sites include the SSL 2048-bit key and can protect a site connection through authentication and encryption. When installed on a web server, an SSL certificate activates the padlock and the https protocol and allows secure connections from a web server to a browser.

Secure websites can protect a user’s connection by securing information in three layers:

  • Encryption ensures that a user’s activity cannot be tracked or their information stolen
  • Data integrity prevents files from being corrupted as they’re transferred
  • And authentication protects against attacks and builds user trust

But how do SSL certificates affect search rankings

4 Mobile-friendliness

As of 2019, Google uses mobile-first indexing. It means that most of the websites are crawled and indexed in their mobile version instead of the desktop version.

Having a mobile-friendly website is an essential SEO task. In practice, it means:

  • A responsive layout
  • Menu that is easy-to-navigate on mobile devices
  • Compressed images
  • No aggressive pop-ups
  • A readable font

If you’re not sure whether your website is mobile-friendly, you can test it with this tool from Google or go to Search Console and see if there are any issues in the Mobile Usability section.

5. Page speed

Because of hardware and connectivity issues, page speed is even more important for mobile users than desktop users. Beyond optimizing images, you’ll want to minify code, leverage browser caching, and reduce redirects. More information on page speed can be found on our SEO Best Practices for Page Speed page.

There are many useful tools that will help you measure your page speed and find the most common page speed issues. Namely:

Now, let’s take a closer look at the best practices to keep your page speed at a satisfactory level:5\

6. Image alt texts

Image alt text (also called alt tag) is a piece of text in the HTML code that describes the image and appears if the image can’t be loaded.

It is very important for 2 reasons:

  • From the UX point of view – the screen reader can read the alt text for visually impaired visitors
  • From the SEO point of view – alt text provides better context for crawlers since they can’t “see” your image

Note: You don’t always need to use alt text, especially if the image does not convey any meaning. Check this alt decision tree for more information.

To write a good alt text, you should:

  • be descriptive – describe the image in the best way possible
  • keep it short – 5 to10 words should be just fine
  • avoid keyword stuffing – alt text is not a place to stuff your keywords unnaturally

Besides the alt texts, you should also use:

  • descriptive image file names (yellow-apple.jpeg is always better than DCIM1523.jpeg)
  • image title and description
  • captions (optional)

7. Title tags and meta descriptions

Title tag and meta description are HTML elements that represent the title and description of the page. They are displayed in the search results or when the page is shared on social media.

Alt text uses:

1. Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.

2. Alt text will be displayed in place of an image if an image file cannot be loaded.

3. Alt text provides better image context/descriptions to search engine crawlers, helping them to index an image properly.

Example
<img src=”pupdanceparty.gif” alt=”Puppies dancing”>

Meta description

The meta description is an HTML attribute that provides a brief summary of a web page. Search engines such as Google often display the meta description in search results, which can influence click-through rates.

Remember that you’re working with less screen space when a user searches using a mobile device. To show off your best work in SERPS, be as concise as possible (without sacrificing the quality of the information) when creating titles, URLs, and meta descriptions.

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.

all-aws
William Jhonson
Written by

William Jhonson

William is a technology enthusiast who enjoys writing WordPress-related articles. He enjoys watching movies and sports in his spare time. He has a strong desire to go all around the world.

Table of Content

Table of Contents