In this article we will explain how to verify that Nytro SEO optimized Meta-Tags appear in website pages code!

It's important to understand the basics of how a webpage's code is seen by search engines and users browsers alike.

Web browsers and search engines automatically render the raw HTML, CSS, and JavaScript code of a webpage to display and understand its content. This automated rendering process transforms the raw code into the interactive and visual elements that users see. 

Search Engines 

Rendering the raw webpage's allows search engines to accurately index the webpage by viewing its fully functional version. 

All search engines crawl website pages and render is code to fully understand the content

Web Browser

A web browser engine (also known as a layout engine or rendering engine is a core function of every web browser). The primary job of a browser engine is to transform raw HTML pages and other resources of a web page into an interactive visual representation on a user's device.

All people using a Web browser (Such as Chrome Safari, etc) to browse a website, actually see the final rendered version of the webpage!

Here's the thing!

When you view content or the output of your raw CMS code (like WordPress, Shopify, etc.), you're not seeing the final rendered version that search engines and web visitors see. You see only the RAW code!

To see and verify what content and code the search engines are indexing and users are interacting with, you need to look at the fully rendered version of your webpage!

1. Use the "Inspect" option

In the Chrome browser: Right-click any part of the page and select Inspect to see all the HTML from the rendered page. Search for items in the rendered HTML with Control + F (Windows) or Command + F (Mac).

Note: You can only view the rendered code using the "Inspect" option, and not the "View page source" option.

2. Use the Browser extension 

You can use a specific browser extension such as "View Rendered Source" to view the Raw, Rendered, and the difference between them.

Just search for the title and or description to see the rendered version: e.g.

<title>

<meta name="DESCRIPTION" content=

3. Using Google Rich Results Test 

Google’s Rich Results Test is a useful tool to analyze how your site is displayed in search results, especially for structured data.

Steps to Use the Google Rich Results Test:

1. Go to https://search.google.com/test/rich-results

2. Enter the URL
   

3. Once the test is complete, you'll see a summary of the structured data results.
   

Click the View Tested Pages ➡️ Click the "Search" button

​

Search for "title" and <meta name="description" in the HTML code.

Please note that many tools do not render the code when crawling and analyzing the page. That is why it is important to use other methods to verify if the optimized meta-tags are in the website pages code.

Verifying the Nytro SEO generated meta tags appearance in rendered webpage's code

Now, lets see how to check and verify that the Nytro SEO generated optimized meta tags actually appear in your rendered webpage code.

Stage 1:  From the main left menu, go to "Metadata" And copy the optimized title/description.

Stage 2: Open the target webpage and perform the inspect function as described above, and search for the optimized version of the title in the rendered web page code.

Stage 3: Compare and ensure you can see the optimized version in the rendered code!