RGB Web Tech

RGB Web Tech

Technical On Page Seo

Technical On Page Seo - Learn about the best Technical SEO Techniques that earn more relevant traffic to your website and rank higher in search engines.

What is On Page SEO? How to Optimize Web Page

Last updated on January 19, 2025 by RGB Web Tech

What is On Page SEO? How to Optimize Web Page

On Page SEO involves the actions that you take on your web pages to gain higher page rank through search engine results. The main technique of On Page SEO is creating high-quality content that online visitors will find useful. On top of it, adding meta tags will enable google bots to identify your content for ranking. Also, make sure to use HTML tags for headings and other elements so that there are no duplicate pages or broken links.

In addition, choose images that are not too large, and add alt tags to all of them. These are some of the On Page SEO techniques. The agency you hire will provide you more details.

If you want your site to rank on Google and increase your brand's organic traffic, you’ll need to look at Off Page SEO, Technical SEO and Local SEO also.

But before you starting SEO also learn techniques of SEO ( White Hat SEO, Black Hat SEO, Gray Hat SEO and Negative SEO )

On Page SEO Techniques

1. Meta Title

A meta title (also called title tag) is an element in the head section of an HTML document that defines the title of each page of a website. It is retrieved by web browsers and also used by search engines such as Google to display a webpage in search results (SERPs). Often the meta title is mistakenly categorized as a meta tag. However, this is not correct since it is a unique HTML element.

Meta Title Examples

<head><title>What is On Page SEO? How to Optimize Web Page</title></head>

Characteristics of a good Meta Title

Below we have summarized the most important points to consider when optimizing your meta titles:

2. Meta Description

A meta description is an HTML element that provides a brief summary of a web page. A page’s meta description tag is displayed as part of the search snippet in a search engine results page (SERP) and is meant to give the user an idea of the content that exists within the page and how it relates to their search query.

Meta Description Examples

<head><meta name="description" content="Learn about the top On Page SEO Techniques that earn more relevant traffic and rank higher in search engines."></head>

Characteristics of a good meta description

Based on the research we did on this topic, as well as our own experience, we came up with this list of elements you need to write a good meta description:

3. Meta Keywords

Meta keywords are meta tags that you can use to give search engines more information about a page’s content. They’re found in a webpage’s HTML source code, and are not visible to visitors.

Meta Keywords Examples

<meta name="keywords" content="On Page SEO, On Page SEO Optimization"/>

Do you still need to use meta keywords?

Google hasn’t used the meta keywords tag to help rank web pages for at least a decade. We know this because Matt Cutts, Google’s former Head of the Webspam Team, released a video in 2009 where he said - we don’t use the keywords meta tag in our search ranking.

However, it’s important to remember that there’s more to SEO than Google, so there are a couple of reasons why you might still want to use the keywords meta tag.

4. Favicon Icon

A favicon is a small 16×16 pixel icon that serves as branding for your website. Its main purpose is to help visitors locate your page easier when they have multiple tabs open. Due to their tiny size, favicons work best as simple images or one-to-three characters of text. Favicons are not to be confused with logos but are sometimes the same. Due to its small size and resolution, the favicon may need to be an even smaller size or part of a company’s original logo.

What sizes are needed for a Favicon on each Browser?

As stated above, 16px is generally recommended because it can be used across all browsers, but if you would like to create a favicon for every possible use, then follow the guide below:

5. Social Meta Tag

When sharing an article link, you want your post to look nicely when published on social media. You’d like it to contain a quality image, correct name, description, and URL. Facebook, Twitter and other social media platforms get these parameters from your website. You can control what they pull from the post by including social media meta tags (for example open graph tags) in the html code of your posts.

If the Facebook meta tags (Open Graph meta tags) are present, you determine what’s being displayed in the Facebook post. If you do not include these Open Graph (og) meta properties, Facebook will still display the information about your blog post but probably not in the way you’d want it to. This works analogically with Twitter meta tags, too.

Facebook Social Tag Example

<meta property="og:url" content="https://www.rgbwebtech.com/" /><meta property="og:type" content="website" /><meta property="og:title" content="Facebook - Social Meta Tag Optimization" /><meta property="og:description" content="Facebook meta tags (Open Graph meta tags) are present, you determine what’s being displayed in the Facebook post." /><meta property="og:image" content="https://www.rgbwebtech.com/images/logo/logo.png"/>

Twitter Social Tag Example

<meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@rgbwebtech" /><meta name="twitter:creator" content="@rgbwebtech" /><meta name="twitter:title" content="Twitter - Social Meta Tag Optimization" /><meta name="twitter:description" content="Twitter and other social media platforms get these parameters from your website" /><meta name="twitter:image" content="https://www.rgbwebtech.com/images/logo/logo.png"/><meta name="twitter:URL" content="https://www.rgbwebtech.com/" />

6. Robots Meta Tag

A robots meta tag, also known as robots tags, is a piece of HTML code that's placed in the section of a web page and is used to control how search engines crawl and index the URL.

This is what a robots meta tag looks like in the source code of a page:

<meta name="" content="" /> name="robots" content="noindex"

Robots tags are page-specific and allow you to instruct search engines on how you want them to handle the page and whether or not to include it in the index.

Indexation-controlling parameters:

7. CSS & Javascript File Minification

CSS & Javascript minification is the process of removing unneeded code from CSS & Javascript source files, with the goal of reducing file size without changing how the CSS & Javascript file executes in the browser. By stripping unnecessary data from the CSS & Javascript code, minification helps the browser download and process these files faster, increasing page performance and improving user experience.

You can minifier CSS & JavaScript here

8. Mobile Friendliness/Responsiveness

Mobile is changing the world. Today, everyone has smartphones with them, constantly communicating and looking for information. In many countries, the number of smartphones has surpassed the number of personal computers; having a mobile-friendly website has become a critical part of having an online presence.

The web is being accessed more and more on mobile devices. Designing your websites to be mobile friendly ensures that your pages perform well on all devices.

You can test here mobile friendliness

  • Mobile-Friendly Test - https://search.google.com/test/mobile-friendly
  • Media Genesis - https://responsivedesignchecker.com

    • 9. Sitemaps Updates (XML, Text, HTML)

    A sitemap helps search engines discover URLs on your site, but it doesn't guarantee that all the items in your sitemap will be crawled and indexed. However, in most cases, your site will benefit from having a sitemap.

    It is also essential to know there are two different types of sitemaps.

    You can Generator Sitemaps for your website here

    10. Content Optimization

    Content optimization is the practice of ensuring that your content has the best possible chance of achieving its intended goal, whether that’s to rank in a search engine or to turn leads into conversions.

    You can implement a number of basic, time-tested methods to achieve these goals, but it’s not just about performing technical tasks and ticking boxes. Significant marketing and editorial elements to web content optimization need to be covered, too.

    Let’s say that you’ve written a great top-of-the-funnel (TOFU) blog that’s related to your core product, and you want to get as many eyes on it as possible. Two to three months after publishing, you check the performance of the post only to find that nobody has seen it.

    Why? Well, maybe:

    11. SEO-Friendly URLs

    SEO friendly URLs are URLs that are designed to meet the needs of users and searchers. Specifically, URLs optimized for SEO tend to be short and keyword-rich.

    Along with your title tag, link anchor text, and the content itself, search engines use your webpage’s URL to understand what your content is all about.

    Best practices for creating SEO-friendly URLs.

    12. Heading Tag Optimization

    Header tags are HTML tags that tell a browser what styling it should use to display a piece of text on a webpage.

    If we looked up the HTML for the heading above, it’d look something like this:

    What is a Header Tag?

    Like headings in print content, header tags are used to title or introduce the content below them. HTML header tags follow a hierarchy, from h1 to h6.

    13. Image Optimization

    The majority of a website’s data is typically comprise of images. Website image optimization refines images so as to lighten pages, reduce load times and lessen the burden of network resources, including data usage in the case of mobile data plans.

    Image optimization can also increase your search engine optimization (SEO) rankings, as search engines factor in page load speed when ranking sites. The result is significant load savings, an improved user experience and increased site visibility.

    Image Optimization Methods

    14. Image Alt Text Optimization

    Adding images to your posts and product pages encourages people to read them, and well-chosen images can also back up your message and get you a good ranking in image search results. But you should always remember to provide your images with good alt attributes. Because alt text strengthens the message of your pages with search engine spiders and it improves the accessibility of your website.

    This is a complete HTML image tag:

    <img src="image.jpg" alt="image description" title="image tooltip">

    Bad Image Alt Text

    <img src="image.jpg" alt="Woman pointing to a person's computer screen" title="image tooltip">

    Good Image Alt Text

    <img src="image.jpg" alt="Professor using education software to instruct a business school student" title="image tooltip">

    Image Alt Text Best Practices

    Ultimately, image alt text needs to be specific but also representative of the topic of the webpage it's supporting. Get the idea so far? Here are a few important keys to writing effective image alt text:

    15. Anchor Title Optimization

    Anchor text is the clickable text that appears in a hyperlink.

    It's designed to stand out from the rest of the text so that users know it can be clicked on. So it should have a different color than regular text. (Often, it’s blue.) Other stylistic elements, like an underline, can be added.

    Anchor text should indicate to users what kind of page they’ll be taken to if they click the link.

    These are most common types of anchor text you can use on your site:

    16. Internal Links optimization

    An internal link is any link from one page on your website to another page on your website. Both your users and search engines use links to find content on your website. Your users use links to navigate through your site and to find the content they want to find. Search engines also use links to navigate your site. They won’t see a page if there are no links to it.

    It’s crucial for your site’s SEO to evaluate and improve internal linking strategy regularly. It’s one of the ways to improve the fitness of your website. By adding the right internal links, you make sure Google understands:

    17. Use Social Sharing Buttons

    Social share buttons give customers the ability to display their ecommerce purchases on Facebook, Twitter, Pinterest or other platforms. The majority of online shoppers also use at least one form of social media, so these buttons create free promotion for an online store. Include this feature on individual product pages to call attention to particular items. Social share buttons also add convenience for users who want to post a particular product by removing the extra steps of copying, pasting and posting to a separate website.

    18. Call to Actions

    A call-to-action, also known as a CTA, is a clickable button or link on your site or in your email, or on your ad. You want people to click your CTA. You call them to action. Typically, these actions look like this:

    19. Conversion Form

    Form conversion is when a website visitor completes and successfully submits an online form from a homepage, landing page, or any other page on a website. Form conversion is a micro-conversion, which leads to a macro-conversion such as a newsletter sign-up or a purchase.

    Why is form conversion important?

    Creating straightforward, easy-to-complete forms is key to a successful conversion rate optimization (CRO) strategy, and form submissions are usually the final hurdle in the conversion process.

    It’s easy to overlook the value of a well-designed form. It’s not nearly as exciting as choosing bold imagery or writing persuasive copy, but it’s just as important to the user experience.

    If a visitor starts to fill out your form, you’ve already sold them on the idea of converting—you’ve successfully countered their objections, and they’re willing to give you their personal information. Having to enter their data (name, email address, phone number, credit card info, etc.) requires trust and effort though, so if the form isn’t straightforward and easy to fill out, your visitor might move on to the next website.

    FAQs - On Page SEO

    1. What is On Page SEO?

    On Page SEO (also known as on-site SEO) refers to the practice of optimizing web pages to improve a website's search engine rankings and earn organic traffic. In addition to publishing relevant, high-quality content, On Page SEO includes optimizing your headlines, HTML tags (title, meta, and header), and images.

    2. What are the benefits of On Page SEO?

    On Page SEO helps search engines analyze your website and the content connected to it so that it can identify if a searcher's query is relevant to your site. Google is constantly updating their algorithm so that it can better understand a searcher's intent and deliver search results that meet that user's needs.

    3. Is On Page SEO different from technical SEO?

    On Page SEO optimizes at the page level, while technical SEO deals with sitewide issues such as crawlability, overall site speed, information architecture, sitewide internal linking, etc.

    Final Thoughts

    Now that you have a better idea of On Page SEO signals, make sure you keep them in mind with every page you create.

    Using the On Page SEO Checker, you can also find plenty of On Page Optimization ideas for potential quick wins.

    That being said, the most important part of any SEO strategy is patience. Great results take time, effort, and some trial and error to get right.

    On Page SEO may seem overwhelming, but our digital marketing service and experts are here to help you with anything you need to know more about Off Page SEO, Technical SEO and Local SEO.

    If you found this article helpful, we encourage you to share it on your social media platforms—because sharing is caring! For more information about article submissions on our website, feel free to reach out to us via email.

    Send an email

    Written by RGB Web Tech

    Latest Technology Trends

    Latest technology trends shaping the future, including AI advancements, blockchain innovation, 5G connectivity, IoT integration, and sustainable tech solutions. Explore breakthroughs in quantum computing, cybersecurity, augmented reality, and edge computing. Stay ahead with insights into transformative technologies driving innovation across industries and revolutionizing how we live, work, and connect.

    What is Technical SEO? Best Practices and a Checklist

    Last updated on January 19, 2025 by RGB Web Tech

    What is Technical SEO? Best Practices and a Checklist

    Technical SEO refers to the process of optimizing your website for the crawling and indexing phase. With technical SEO, you can help search engines access, crawl, interpret and index your website without any problems.

    It is called “technical” because it has nothing to do with the actual content of the website or with website promotion. The main goal of technical SEO is to optimize the infrastructure of a website.

    If you want your site to rank on Google and increase your brand's organic traffic, you’ll need to look at On Page SEO, Off Page SEO and Local SEO also.

    But before you starting SEO also learn techniques of SEO ( White Hat SEO, Black Hat SEO, Gray Hat SEO and Negative SEO )

    To understand what is the true meaning of technical SEO, let’s start with some basic terminology.

    1. Doctype

    The HTML document type declaration, also known as DOCTYPE, is the first line of code required in every HTML or XHTML document. The DOCTYPE declaration is an instruction to the web browser about what version of HTML the page is written in. This ensures that the web page is parsed the same way by different web browsers.

    In HTML 4.01, the DOCTYPE declaration refers to a document type definition (DTD). A DTD defines the structure and the legal elements of an XML document. Because HTML 4.01 was based on the Standard Generalized Markup Language (SGML), referring to a DTD in the DOCTYPE declaration was necessary.

    Additionally, doctypes for HTML 4.01 required the declaration of either strict, transitional, or frameset DTD, each with a different use case as outlined below.

    Strict DTD: Used for web pages that exclude attributes and elements that W3C expects to phase out as CSS support grows

    Transitional DTD: Used for web pages that include attributes and elements that W3C expects to phase out as CSS support grows

    Frameset DTD: Used for web pages with frames

    In contrast, the declaration of HTML5 DOCTYPE is much simpler: it no longer requires a reference to DTDs as it is no longer based on SGML. See the examples below for a comparison between HTML 4.01 and HTML5 DOCTYPEs.

    Examples:

    Doctype syntax for HTML5:

    <!DOCTYPE html>

    Doctype syntax for strict HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Doctype syntax for transitional HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Doctype syntax for frameset HTML 4.01:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

    2. Canonicalization

    A canonical tag is a way of telling search engines that a specific URL represents the master copy of a page. Using the canonical tag prevents problems caused by identical or "duplicate" content appearing on multiple URLs. Practically speaking, the canonical tag tells search engines which version of a URL you want to appear in search results.

    Canonicalization Examples

    <link rel="canonical" href="https://www.rgbwebtech.com/blogs/page/technical-seo" />

    3. Robots.txt

    Robots.txt is a text file webmasters create to instruct web robots (typically search engine robots) how to crawl pages on their website. The robots.txt file is part of the the robots exclusion protocol (REP), a group of web standards that regulate how robots crawl the web, access and index content, and serve that content up to users. The REP also includes directives like meta robots, as well as page-, subdirectory-, or site-wide instructions for how search engines should treat links (such as “follow” or “nofollow”).

    In practice, robots.txt files indicate whether certain user agents (web-crawling software) can or cannot crawl parts of a website. These crawl instructions are specified by “disallowing” or “allowing” the behavior of certain (or all) user agents.

    Basic format:

    User-agent: Googlebot Disallow: /nogooglebot/ User-agent: * Allow: / Sitemap: http://www.example.com/sitemap.xml

    4. Schema Markup

    Schema markup is code that helps search engines to understand your content and better represent it in the search results.

    Schema markup powers rich snippets, which often have higher clickthrough rates than ‘regular’ search results. That means more traffic to your site.

    However, the primary function of the markup is to help search engines better understand your content.

    It’s no coincidence that schema.org, the community behind the markup, was created a year before Google’s Knowledge Graph—a knowledge base of entities and the relationships between them—came to life.

    And you guessed it, one of the primary sources for this data is the schema markup.

    What are the types of Schema Markups?

    There are hundreds of different markup types because there are so many different questions people turn to search engines to answer. But here are the 10 most common schema markups that are used.

    5. Sitemaps Updates (XML, Text, HTML)

    A sitemap helps search engines discover URLs on your site, but it doesn't guarantee that all the items in your sitemap will be crawled and indexed. However, in most cases, your site will benefit from having a sitemap.

    It is also essential to know there are two different types of sitemaps.

    You can Generator Sitemaps for your website here

    6. HTTP Status Codes

    The Status-Code element in a server response, is a 3-digit integer where the first digit of the Status-Code defines the class of response and the last two digits do not have any categorization role. There are 5 values for the first digit:

    7. Website Speed Optimization

    The term page speed essentially refers to the length of time at which web pages or media content is downloaded from website hosting servers and displayed onto the requesting web browser. Page load time is the duration between clicking the link and displaying the entire content from the web page on the requesting browser.

    You can test your website here

    Once you have tested the speed of your website, you can start optimizing it. There are a lot of different ways to make your website work faster and we created the list of the most effective ones.

    8. Web Hosting

    Web hosting is an online service that allows you to publish your website files onto the internet. So, anyone who has access to the internet has access to your website. In practice, it usually refers to the service you get from a web hosting provider like Bluehost.com

    9. Optimized Domain

    An SEO-optimized domain name is a domain name that introduces your website and tells search engines and users what your website is about, or about the type of products and services it offers, etc. Such domains are more likely to stand out in the search result listings and to get clicked. So, a right domain name helps you target your audience and improve your search engine rankings. You can choose a branding domain or a keyword domain.

    10. Redirects

    Every page on the web has an address, a URL, which stands for ‘Uniform Resource Locator’. Sometimes, content moves from one URL to another URL. That’s when you need a redirect. A redirect automatically makes a browser go from one URL to another URL.

    Types of redirects

    11. Core Web Vitals

    Core Web Vitals are the subset of Web Vitals that apply to all web pages, should be measured by all site owners, and will be surfaced across all Google tools. Each of the Core Web Vitals represents a distinct facet of the user experience, is measurable in the field, and reflects the real-world experience of a critical user-centric outcome.

    The metrics that make up Core Web Vitals will evolve over time. The current set for 2020 focuses on three aspects of the user experience—loading, interactivity, and visual stability—and includes the following metrics (and their respective thresholds):

    12. W3C Validation

    W3C validation is the process of checking a website's code to determine if it follows the formatting standards. If you fail to validate your website's pages based on W3C standards, your website will most likely suffer from errors or poor traffic owing to poor formatting and readability.

    Why Validate a Site on W3C?

    How Do You Validate Your Code?

    13. Google Search Console

    Search Console is a tool from Google that can help anyone with a website to understand how they are performing on Google Search, and what they can do to improve their appearance on search to bring more relevant traffic to their websites.

    Search Console provides information on how Google crawls, indexes, and serves websites. This can help website owners to monitor and optimize Search performance.

    There is no need to log in to the tool every day. If new issues are found by Google on your site, you'll receive an email from Search Console alerting you. But you might want to check your account around once every month, or when you make changes to the site's content, to make sure the data is stable. Learn more about managing your site with Search Console.

    To get started, follow these steps:

    14. Google Analytics

    Google Analytics is a website traffic analysis application that provides real-time statistics and analysis of user interaction with the website. Google analytics enables website owners to analyze their visitors, with the objective of interpreting and optimizing website’s performance. Google analytics can track all forms of digital media and refer to upstream web destinations, banner and contextual advertisements, e-mail and integrate with other Google products.

    Google Analytics Benefits

    15. Google Tag Manager

    Manage all your website tags without editing code. Google Tag Manager delivers simple, reliable, easily integrated tag management solutions for free.

    How tag management solutions can help.

    16. Bing Search Console

    Bing Webmaster Tools (Bing WMT) is a free Microsoft service that allows webmasters to add their sites to the Bing crawler so they show up in the search engine.

    It also helps to monitor and maintain a site’s presence. Bing Webmaster Tools is to the Bing search engine, what Google Search Console is to Google.

    How is the search console helpful?

    17. Yandex Search Console

    Yandex webmaster tools is a free web service provided by Yandex for webmasters to monitor their site’s performance in the Yandex search engine.

    You can use it to upload a sitemap, see how much traffic you are getting, get a list of indexed pages, see crawling or indexing errors, site speed problems, etc.

    It serves a similar purpose as Google Search Console and Bing & Yahoo Webmaster Tools.

    18. Conversion Rate Optimization

    Conversion rate optimization (CRO) is the practice of increasing the percentage of users who perform a desired action on a website. Desired actions can include purchasing a product, clicking ‘add to cart’, signing up for a service, filling out a form, or clicking on a link.

    Conversion optimization best practices

    FAQ - Technical SEO

    1. What is Technical SEO?

    Technical SEO refers to optimizing your website’s technical elements to ensure that search engines can crawl, index, and render your web pages correctly.

    2. Why is Technical SEO important?

    Technical SEO is essential because it helps you build a website that search engines can easily understand. If a search engine is able to crawl, index, and render your web pages correctly, it increases your chances of ranking in search results.

    Final Thoughts

    Technical SEO is not something you can master in a day or two. It requires lots of dedicated research and some trial and error. So keep working and finding Technical SEO errors on your website and resolve them ASAP.

    Along with Technical SEO keep working on On Page SEO, Off Page SEO, and Local SEO regularly

    If you found this article helpful, we encourage you to share it on your social media platforms—because sharing is caring! For more information about article submissions on our website, feel free to reach out to us via email.

    Send an email

    Written by RGB Web Tech

    Latest Technology Trends

    Latest technology trends shaping the future, including AI advancements, blockchain innovation, 5G connectivity, IoT integration, and sustainable tech solutions. Explore breakthroughs in quantum computing, cybersecurity, augmented reality, and edge computing. Stay ahead with insights into transformative technologies driving innovation across industries and revolutionizing how we live, work, and connect.