{"id":12408,"date":"2022-08-23T15:05:47","date_gmt":"2022-08-23T13:05:47","guid":{"rendered":"https:\/\/dits.md\/?p=12408"},"modified":"2025-04-29T14:04:54","modified_gmt":"2025-04-29T12:04:54","slug":"pochemu-seo-ne-rabotaet-kak-proverit-rendering-stranic-na-sajte","status":"publish","type":"post","link":"https:\/\/dits.md\/en\/pochemu-seo-ne-rabotaet-kak-proverit-rendering-stranic-na-sajte\/","title":{"rendered":"Why SEO Doesn&#039;t Work: How to Check Page Rendering on a Website?"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1\u2033 admin_label=\u00bbSection\u00bb _builder_version=\u00bb4.0.2\u2033 background_image=\u00bbhttps:\/\/dits.md\/wp-content\/uploads\/paralax-background.jpg\u00bb min_height=\u00bb126px\u00bb custom_padding=\u00bb 35px|0px|40px|0px|false|false\u00bb global_module=\u00bb2594\u2033 locked=\u00bboff\u00bb collapsed=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.22.2\u2033 width=\u00bb100%\u00bb max_width= &quot;100%&quot; custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb18px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 global_colors_info=\u00bb{} &quot;][et_pb_post_title meta=&quot;off&quot; featured_image=&quot;off&quot; _builder_version=&quot;4.22.2\u2033 _module_preset=&quot;default&quot; title_font=&quot;|600|||||||&quot; title_text_align=\u00bbcenter\u00bb title_text_color=\u00bb#ffffff\u00bb title_font_size=\u00bb41px\u00bb title_line_height=\u00bb1.2em\u00bb title_font_size_tablet=\u00bb\u00bb title_font_size_phone=\u00bb27px\u00bb title_font_size_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb title_2_font_size_phone=\u00bb27px \u00bb title_2_font_size_last_edited= &quot;on|desktop&quot; title_3_font_size_phone=&quot;27px&quot; title_3_font_size_last_edited=&quot;on|desktop&quot; title_4_font_size_phone=&quot;27px&quot; title_4_font_size_last_edited=&quot;on|desktop&quot; title_5_font_size_phone=&quot;27px&quot; title_5_font_size_last_edited=&quot;on|desktop&quot; title _6_font_size_phone=\u201d27px\u201d title_6_font_size_last_edited=\u201don |desktop&quot;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16 \u2033 _module_preset=\u201ddefault\u201d custom_margin=\u201d-1px|auto||auto||\u201d locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info= &quot;{}&quot;]<nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">the main<\/span><\/p><\/nav>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#187;\u0421\u0442\u0440\u043e\u043a\u0430&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_column type=&#187;4_4&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_text _builder_version=&#187;4.22.2&#8243; _module_preset=&#187;default&#187; hover_enabled=&#187;0&#8243; global_colors_info=&#187;{}&#187; sticky_enabled=&#187;0&#8243;]<\/p>\n<p>Virtually all modern websites are designed with the user in mind and the rendering capabilities of browsers. As a rule, browsers cope even with complex tasks without any problems.<\/p>\n<p>But if we are talking about organic search, then all search engines rank web pages as HTML documents. And search bots, unlike modern browsers, have limited options. If you don&#039;t take care of how search engine crawlers see your pages, you can lose the race for the top positions in organic search.<\/p>\n<p>How to check the rendering of the site and eliminate errors that interfere with the ranking - we will tell further.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p><strong>Content:<\/strong><\/p>\n<ul>\n<li><a href=\"#1\">What is page rendering in SEO?<\/a><\/li>\n<li><a href=\"#2\">How to check page rendering by search robots<\/a><\/li>\n<li><a href=\"#3\">What to pay attention to when checking the code?<\/a><\/li>\n<li><a href=\"#4\">Comparison of rendered code from different tools<\/a><\/li>\n<li><a href=\"#5\">What if all the tools don&#039;t work?<\/a><\/li>\n<li><a href=\"#6\">Outcome<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=&#187;1&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_column type=&#187;4_4&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_text _builder_version=&#187;4.22.2&#8243; _module_preset=&#187;default&#187; custom_margin=&#187;||16px||false|false&#187; hover_enabled=&#187;0&#8243; global_colors_info=&#187;{}&#187; sticky_enabled=&#187;0&#8243;]<\/p>\n<h2><strong>What is page rendering in SEO?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#187;4.22.2&#8243; _module_preset=&#187;default&#187; hover_enabled=&#187;0&#8243; global_colors_info=&#187;{}&#187; sticky_enabled=&#187;0&#8243;]<\/p>\n<p>Rendering is a term from <a href=\"\/en\/website-development\/\">web development<\/a>. It refers to rendering the code of a web document into an interactive web page that you eventually see in your browsers. In fact, rendering is the process of fulfilling all the rules written in HTML code, JS scripts and CSS styles.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>What happens in the browser when the document is displayed:<\/strong><\/h3>\n<ul>\n<li>The browser receives resources from the server (HTML code, CSS, JS, images).<br \/>Based on the received HTML code, the application of rules from CSS and the execution of JS, the DOM - Document Object Model is formed.<\/li>\n<li>Styles are loaded and recognized, CSSOM is formed - CSS Object Model.<\/li>\n<li>Based on the DOM and CSSOM, a render tree is formed - a set of rendering objects. The render tree duplicates the DOM structure, but it does not include invisible elements (for example, or elements with the display:none; style). Each line of text is represented in the render tree as a separate renderer. And each render object contains its corresponding DOM object (or block of text) and the style calculated for this object. Simply put, render tree describes the visual representation of the DOM.<\/li>\n<li>For each element of the render tree, the position on the page is calculated - layout occurs. Browsers use the flow method, in which in most cases one pass is enough to lay out all the elements (more passes are required for tables of passes).<\/li>\n<li>Finally, everything that is listed in the browser is rendered - painting.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/5363.jpg&#187; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>Mechanics<\/strong><\/h3>\n<p>Rendering, i.e. rendering of the page in Google, starts after crawling, but before indexing. The mechanics are quite simple: the crawler requests the page and all the resources needed to render it.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/2-3.jpg&#187; title_text=&#187;2&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>The data is then passed to Rendertron, a headless chrome page rendering solution built with Puppeteer. All data is processed there.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/3-2.jpg&#187; title_text=&#187;3&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>There are two important factors that affect rendering:<\/strong><\/h3>\n<p>1. Google tries to cache all resources and does not respect HTTP caching rules. This is due to the fact that most webmasters create them thoughtlessly, forcing users to constantly download the same file, although it has not changed.<\/p>\n<p>2. Google may not get all the additional resources, so it&#039;s worth reducing the number of requests required to render the page well.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/4-1.jpg&#187; title_text=&#187;4&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>As for JavaScript processing, Google explicitly states that performance is important to them, therefore:<\/strong><\/h3>\n<ul>\n<li>limit the consumption of processor resources;<\/li>\n<li>can interrupt the execution of scripts;<\/li>\n<li>and say that excessive CPU consumption negatively affects indexing.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/5-2.jpg&#187; title_text=&#187;5&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row module_id=&#187;2&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_column type=&#187;4_4&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; custom_margin=&#187;||16px||false|false&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h2><strong>How to check page rendering by search robots<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<h3><strong>The first method is Google Search Console<\/strong><\/h3>\n<p>This tool helps webmasters get more organic traffic and gives an understanding of how search engines perceive page content.<\/p>\n<p>For any of the site addresses that are in the Google index, you can view the crawled page:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/6-1.jpg&#187; title_text=&#187;6&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>After clicking on the right side of the screen, a window opens, where the HTML code of the page rendered by the bot is displayed. This is how the search robot processed the document.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/7-1.jpg&#187; title_text=&#187;7&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>Here you can copy the HTML code of the rendered page and paste it into any of the code editors. And then you can review the code for correctness, check the presence of all important semantic elements, location in the DOM tree, micro-markup, internal links, and the rest.<\/p>\n<p>You can save the document as HTML and view it visually in any browser. But it is more reliable to read and check the code, because modern browsers are very smart and can often fix gross layout errors and close tags themselves.<\/p>\n<h3><strong>The second method is if the site is not yours and there is no access to GSC<\/strong><\/h3>\n<p>This method is necessary if we want to compare the rendering of our pages and those of a competitor, to check if they give the bot improved pages with text content, and the user - more functional versions.<\/p>\n<p><strong>Rich Snippets Testing Tool<\/strong><\/p>\n<p>The tool sends a request to the server like native Google bots. And the response you get will be the same as the response the search crawler gets.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/8-1.jpg&#187; title_text=&#187;8&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>A big advantage of the tool is the ability to choose the type of search bot between desktop and mobile. This is useful when sites use the Dynamic Serving mobile optimization method. That is, depending on the device that makes the request, the server returns a different HTML code. Comparing the code of one page between different agents can reveal that, for example, the desktop receives pages with text, and the mobile does not. Also, in practice, we came across cases where the microdata that the bots received was also different.<\/p>\n<p>After the test is completed, click View Tested Page. And we get a window with the rendered HTML code of the page, already familiar to us from the Google Search Console interface.<\/p>\n<p><strong>Mobile Friendly Test<\/strong><\/p>\n<p>This is the name of the page adaptability testing tool. Unlike the previous tool, here you cannot select a bot that will make a call to the server.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/9.jpg&#187; title_text=&#187;9&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>Click View Tested Page again and get into the same window as in the previous tool.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb3\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_ preset= &quot;default&quot; global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>What to pay attention to when checking the code?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p><strong>Semantically important areas in content:<\/strong><\/p>\n<ul>\n<li>the title of the page in the title tag;<\/li>\n<li>page descriptions in meta tags;<\/li>\n<li>correctness of links in link tags;<\/li>\n<li>schema.org microdata elements.<\/li>\n<\/ul>\n<p><strong>Visually invisible, but important layout elements:<\/strong><\/p>\n<ul>\n<li>document titles in h tags;<\/li>\n<li>text descriptions;<\/li>\n<li>the number of elements presented on the page (for example, product cards in listings);<\/li>\n<li>image addresses in the src attributes of the img tag;<\/li>\n<li>correctness of anchors and addresses in links.<\/li>\n<\/ul>\n<p><strong>Semantic layout elements:<\/strong><\/p>\n<ul>\n<li>article, section, nav, table tags and their contents are present;<\/li>\n<li>these tags are correctly placed in the HTML version of the document indexed by the bot.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb4\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_ preset= &quot;default&quot; global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>Comparison of rendered code from different tools<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>Is it possible to be sure that the page is rendered by the search bot exactly as we see it in the tools? If we are talking about Google Search Console - more likely yes than no. And speaking of other tools, including Rich Snippets Testing Tools and Mobile-Friendly Test, they may not always provide correct information.<\/p>\n<p>The fact is that rendering is a dynamic process. And the result that we get is the result of a specific response to a specific request at a specific point in time. Will it match what the search crawler will get when requesting the same resource in a different time period? Possibly, but not guaranteed.<\/p>\n<p>For example, we compared the code stored in Google Search Console with the rendered code of the same page received from:<\/p>\n<ul>\n<li>GSC Live Test;<\/li>\n<li>Rich Snippets Testing Tool<\/li>\n<li>Mobile Friendly Test;<\/li>\n<li>Rendered Page Screaming Frog.<\/li>\n<\/ul>\n<h3><strong>GSC vs GSC Live Test<\/strong><\/h3>\n<p>In the code obtained from the GSC Live Test, there is a difference in the form of adding a slash at the end before closing tags. But the HTML that is stored in the console does not contain such slashes. Also, Livetest did not see the googleads script, which is in the GSC version of the page from the index. The quotation marks are also different. In the version from the index, they look like this: &#039;, and in the version from LiveTest, like this: &quot;.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/10.png&#187; title_text=&#187;10&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>GSC vs Rich Snippets Testing Tool<\/strong><\/h3>\n<p>There are a couple of minor differences in the GSC code. For example, the presence of the googleads script, which is not in the code from Rich Snippets, as well as in the code from Livetest. But more significant differences were not found.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/11.png&#187; title_text=&#187;11&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>GSC vs Mobile Friendly Test<\/strong><\/h3>\n<p>The Mobile-Friendly Test collected all the differences between the two previous tests. There is no script in it, plus slashes are written before closing tags and quotes are replaced.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/12.png&#187; title_text=&#187;12&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h3><strong>GSC vs Screaming Frog Rendered Page<\/strong><\/h3>\n<p>The Screaming Frog engine has better page rendering capabilities than Google - the differences are observed in whole blocks. For example, for a Google bot, this block was display:none and empty, but in the rendered version in Screaming Frog it is also display:block with inner blocks containing content.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/13.png&#187; title_text=&#187;13&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row module_id=&#187;5&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_column type=&#187;4_4&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; custom_margin=&#187;||16px||false|false&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<h2><strong>What if all the tools don&#039;t work?<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>In reality, this is unlikely. But if such a force majeure happens, the main working tool always remains in our hands - a web browser. To check which HTML document the browser received, you need to select the page file in the dev panel in the network tab. And then in the Preview tab, visual differences between the received page and the page after all additional scripts are executed will be visible.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/14.jpg&#187; title_text=&#187;14&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>But the Response tab will be more interesting and priority for us. Here you can see and parse the HTML document that the browser received.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#187;https:\/\/dits.md\/wp-content\/uploads\/15.jpg&#187; title_text=&#187;15&#8243; show_in_lightbox=&#187;on&#187; align=&#187;center&#187; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][\/et_pb_image][et_pb_text _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>The arrow in the screenshot shows the Beautifier button, which will make the code easier to read. If the site does not have a separate Server Side Rendering for the bot, it is important that we see all content blocks and semantic elements in this document. Then, regardless of the rendering resources of search robots, we can be sure that the bot has exactly received everything we need.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bb6\u2033 _builder_version=\u00bb4.16\u2033 _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4\u2033 _builder_version=\u00bb4.16\u2033 _module_ preset= &quot;default&quot; global_colors_info=&quot;{}&quot;][et_pb_text _builder_version=&quot;4.16\u2033 _module_preset=&quot;default&quot; custom_margin=&quot;||16px||false|false&quot; global_colors_info=&quot;{}&quot;]<\/p>\n<h2><strong>As a result<\/strong><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p>In practice, we often encounter situations where specialists from in-house teams do not understand why the site is not growing. But the fact is that search robots simply do not see most of the content on these resources, which leads to big losses in the race for top positions in search results. For this reason, we recommend that you use GSC to check the rendering of pages of your resource, and Rich Snippets Testing Tools to check the pages of competitors.<\/p>\n<p>In the case of our clients, we simply do not allow their site to not have the correct rendering configured. For example, when we started working with FlyArystan, their resource contained all language versions on the same URL and did not render them separately. This was fixed before the site was released. And we recommend everyone to check it in the early stages of launch.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u201d4.16\u2033 _module_preset=\u201ddefault\u201d global_colors_info=\u201d{}\u201d]<\/p>\n<p style=\"text-align: right;\"><em><strong>A source:\u00a0<a href=\"https:\/\/www.promodo.ua\/\" rel=\"nofollow noopener\" target=\"_blank\">Promodo.ua<\/a><\/strong><\/em><\/p>\n<p>[\/ et_pb_text] [\/ et_pb_column] [\/ et_pb_row] [\/ et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">the main<\/span><\/p><\/nav>Almost all modern websites are designed with users in mind and browser rendering capabilities in mind. As a rule, browsers handle even complex tasks without problems. But if we are talking about organic search, then all search engines rank web pages as HTML documents. And search bots, unlike modern browsers, have limited capabilities. If you don&#039;t worry [\u2026]<\/p>","protected":false},"author":4,"featured_media":12411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-12408","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/posts\/12408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/comments?post=12408"}],"version-history":[{"count":8,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/posts\/12408\/revisions"}],"predecessor-version":[{"id":14254,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/posts\/12408\/revisions\/14254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/media\/12411"}],"wp:attachment":[{"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/media?parent=12408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/categories?post=12408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dits.md\/en\/wp-json\/wp\/v2\/tags?post=12408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}