{"id":6700,"date":"2022-05-20T15:02:21","date_gmt":"2022-05-20T15:02:21","guid":{"rendered":"https:\/\/puntorojo.com\/blog\/en\/?p=6700"},"modified":"2022-08-03T21:56:23","modified_gmt":"2022-08-03T21:56:23","slug":"seo-devtools-10-hidden-functionalities-that-you-didnt-know-about","status":"publish","type":"post","link":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/","title":{"rendered":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">As SEOs, we make use of a large number of tools on a daily basis to perform our audits and other web optimization tasks. As a result, it is not uncommon for our browser to become overpopulated with plugins, extensions, add-ons, and other add-ons that add additional value to the browser. But what not everyone knows, however, is that <\/span><b>there are a lot of things you can do with Google Chrome&#8217;s DevTools without having to install additional plugins.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Let&#8217;s get started! Remember that to access the DevTools (often misnamed &#8220;Google Chrome Inspector&#8221;), right-click anywhere on the site and select the &#8220;Inspect&#8221; option. If you are on Windows, you can use the Ctrl + Shift + I key combination. If you are on Mac, the shortcut is \u2318 + Option + I.<\/span><\/p>\n<h2>1. How to disable JavaScript on Google Chrome without an extension<\/h2>\n<p><span style=\"font-weight: 400;\">When doing a content visibility audit, one of the ways in which we access site content is with JavaScript disabled. This allows us to easily emulate how Google would read certain content. Instead of using a plugin, I followed the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run a command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u201cDisable JavaScript\u201d and press Enter<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-deshabilitar-javascript-chrome-devtools.gif\" width=\"514\" height=\"290\" \/><\/p>\n<p><span style=\"font-weight: 400;\">To re-enable it, type &#8220;Enable JavaScript&#8221; and press Enter.<\/span><\/p>\n<h2>2. How to change user agent without an extension<\/h2>\n<p><span style=\"font-weight: 400;\">The user agent is a text string that identifies the web browser and operating system to the web server being accessed. Sometimes an SEO may want to change their user agent to pretend to be Google. The result is that the web page being accessed is displayed to the user as if it were Google. Ideally, you should not show one content to the user and another to Google as this can be considered Cloaking and is punishable. Follow the steps below to modify the user agent with Google Chrome.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run a command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u201cuser-agent\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select \u201cShow Network conditions\u201d and press Enter<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Unselect the &#8220;Select automatically&#8221; option, inside the User agent<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the user agent you want from the list<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Reload the page<\/span><\/li>\n<\/ol>\n<p><img src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-cambiar-user-agent-chrome-devtools.gif\" \/><\/p>\n<h2>3. How to take a screenshot in Chrome without extensions<\/h2>\n<p><span style=\"font-weight: 400;\">In the world of SEO auditors, taking screenshots is an everyday thing. While all operating systems have functionalities that allow screenshots to be taken, they do not allow interaction with the site. This means that if a web page has more content than what is on the screen, the screenshot will not include that content. Not to worry! With Chrome&#8217;s DevTools we can get a screenshot of the entire length of the page in a matter of seconds. To make a screenshot of a web page, follow the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run a command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u201cscreenshot\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the option you want:<\/span>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Capture area screenshot:<\/b><span style=\"font-weight: 400;\"> Clicking it allows you to draw a rectangle on the site. Everything that enters this box will be recorded as a capture.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Capture full-size screenshot:<\/b><span style=\"font-weight: 400;\"> Captures the entire screen scroll.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Capture node screenshot:<\/b><span style=\"font-weight: 400;\"> Captures only the selected node in the elements tab. This is particularly useful when you want to capture a list of items, for example, but without the header, footer, sidebar, etc.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Capture screenshot:<\/b><span style=\"font-weight: 400;\"> Captures only the content that enters the window.<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-hacer-screenshots-chrome-devtools.gif\" width=\"665\" height=\"305\" \/><\/p>\n<h2>4. How to search source code with regex (regular expressions)<\/h2>\n<p><span style=\"font-weight: 400;\">One way to extract a lot of filtered data from a page is to make use of regular expressions (Regex, for friends). Pressing Ctrl + F inside the Elements tab of the DevTools won&#8217;t work, but there is a way to search for Regex patterns in the source code without a plugin. To achieve this, followed the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run a command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u201csearch\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the option \u201cDevTools \u2013 Search\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the box that opens below, click on the icon. *\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Type the regular expression in the following box<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Press Enter<\/span><\/li>\n<\/ol>\n<p><img src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-buscar-regex-chrome-devtools.gif\" \/><\/p>\n<p><span style=\"font-weight: 400;\">All the results that match the search pattern you entered will appear below.<\/span><\/p>\n<h2><strong>5. How to see Chrome headers information without a plugin<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Is the page redirected or loaded directly? I am seeing an error&#8230;but, what if it is a soft 404? Every day SEOs look at the HTTP Response Code or page load response code. While plugins can give us more information condensed in one place, we can do it directly from the DevTools. If we need to have the client or our technical contact access this information without installing anything on their computer, they can follow the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the \u201cNetwork\u201d tab and click on the first element. If nothing appears, press Ctrl + R to reload the page.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the first element.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the side menu on the right, select the &#8220;Headers&#8221; tab.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-ver-headers-chrome-devtools-300x198.png\" width=\"365\" height=\"241\" \/><\/p>\n<h2><strong>6. How to view page load time in Chrome without an extension<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">On several occasions, Google reported that page load time is a relevant factor for ranking a web page. Because of this, many SEOs started to prioritize page load time in their strategies. If you want to quickly see how fast a page loads using Google Chrome, follow the steps below<\/span><span style=\"font-weight: 400;\">:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the \u201cNetwork\u201d tab<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select \u201cDisable Cache\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Reload the page without closing the window<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the DevTools status bar, you will see information written in blue and red. Those are the DOM load times of the page and the whole page, respectively.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For a more accurate analysis, it is recommended to run this analysis 10 times and report the average values because they tend to vary.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-ver-tiempos-carga-chrome-devtools-300x199.png\" width=\"369\" height=\"245\" \/><\/p>\n<h2><strong>7. How to check the correct installation of the security certificates in Google Chrome without an add-on.\u00a0<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">In an attempt to adjust web security, Google started to prioritize sites with encrypted connection certificates in its search results pages. If you are optimizing a site and want to verify the correct installation of certificates, you can do it directly from Google Chrome by following these simple steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the \u201cSecurity\u201d tab<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-ver-certificados-ssl-chrome-devtools-300x172.png\" width=\"380\" height=\"218\" \/><\/p>\n<p><span style=\"font-weight: 400;\">In this tab you can see all the information relevant to the SSL security certificate installed on the site, along with the certificate itself.<\/span><\/p>\n<h2>8. How to clear the cache on Google Chrome without an extension<\/h2>\n<p><span style=\"font-weight: 400;\">When you are constantly entering a page to test or audit it for SEO, it is normal that a certain amount of information starts to be collected on your computer to make your browsing experience as fast as possible. This, however, may be against your interests as an implementation tester. If you want to flush the cache of a page with Chrome, follow the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the \u201cApplication\u201d tab<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click \u201cClear storage\u201d on the sidebar<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on \u201cClear site data\u201d<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-limpiar-cache-chrome-devtools-300x228.png\" width=\"428\" height=\"325\" \/><\/p>\n<p><span style=\"font-weight: 400;\">All the local storage should be eliminated. If you want to make sure that all the cache for the page you are navigating is being erased, you can do a hard reload with the combination Ctrl + Shift + R on Windows or \u2318 + Shift + R on Mac.<\/span><\/p>\n<h2><strong>9. How to simulate the mobile navigation or responsive from Google Chrome<\/strong><\/h2>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the second button of the DevTools toolbar<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(Ctrl+ Shift + M on Windows or \u2318 + Shift + M on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">When you return to the window with the site, it will be displayed simulating a mobile device.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the type of mobile device from the menu<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">\u00a0Bonus tip!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you want to add a little more style to your mobile device screenshots, you can do the following:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run a command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u201cdevice frame\u201d and press Enter<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-simular-navegacion-dispositivo-movil-chrome-devtools-300x300.png\" width=\"345\" height=\"345\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The frame of the mobile device containing the screen will now be displayed. This functionality may not be available for all mobile devices.<\/span><\/p>\n<h2><strong>10 . How to find the XPath of an element with Google Chrome<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Whether we need to check the content of a specific element on a large number of our own or a competitor&#8217;s pages, with XPath we make sure we get exactly the node we need in the DOM of a page. The good news is that with Chrome DevTools it doesn&#8217;t matter if you don&#8217;t know how to write the specific syntax to get an XPath as you can find it by following the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">On the page, right-click on the desired element.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on \u201cInspect\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the DevTools window that opens in the &#8220;Elements&#8221; tab, right-click on the highlighted element.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on \u201cCopy &gt; Copy XPath\u201d<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">And that&#8217;s it! The XPath of that element is in your clipboard.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"\" src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-encontrar-xpath-elemento-chrome-devtools-300x167.png\" width=\"420\" height=\"234\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Bonus tip!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can use this XPath to extract information from pages using Screaming Frog. To do so, follow the steps below:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Screaming Frog<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the menu Configuration &gt; Custom &gt; Extraction<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the \u201cXPath\u201d option from the dropdown<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select what you want to extract from the node (for example, only the text).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Paste the XPath of the element you want<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on OK<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Now when you crawl, the text of your XPath node will appear in the &#8220;Custom&#8221; tab, inside the &#8220;Extraction&#8221; dropdown.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One more bonus!<\/span><\/p>\n<h2><b>11. How to force geolocation in Google Chrome<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">It is not unexpected that we have to perform redirection audits and\/or types of content depending on the location in which the user browsing the site is located. To achieve this, we need to tell Chrome to simulate the navigation pretending that we are in a country, city, or coordination different from the real one. Follow the steps below to change your geolocation with DevTools.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open Google DevTools<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Run the command (Ctrl + P on Windows, \u2318 + Shift + P on Mac)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write \u00absensors\u00bb and select \u00abShow Sensors\u00bb<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Inside the geolocation area, select your location of the dropdown<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\"> <img src=\"https:\/\/puntorojo.com\/blog\/wp-content\/uploads\/2019\/10\/como-forzar-geolocalizaion-chrome-devtools.gif\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><span style=\"font-weight: 400;\">Conclusion<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These tips should improve your daily SEO experience. It&#8217;s important to get the most out of each of the tools we have so that we don&#8217;t start installing unnecessary plugins that can slow down our web browser.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do you know any other useful DevTools tips for SEO? Leave us a comment below! As always, good rankings!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As SEOs, we make use of a large number of tools on a daily basis to perform our audits and other web optimization tasks. As a result, it is not uncommon for our browser to become overpopulated with plugins, extensions, add-ons, and other add-ons that add additional value to the browser. But what not everyone&hellip;<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/ \">Read More<\/a>","protected":false},"author":31,"featured_media":6936,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[432,434],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SEO DevTools: 10 hidden functionalities that you didn\u2019t know about | Agencia SEO Punto Rojo<\/title>\n<meta name=\"description\" content=\"Let\u00b4s see what we can do with Google Chrome&#039;s DevTools without having to install additional plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about | Agencia SEO Punto Rojo\" \/>\n<meta property=\"og:description\" content=\"Let\u00b4s see what we can do with Google Chrome&#039;s DevTools without having to install additional plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Blog Punto Rojo\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-20T15:02:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-03T21:56:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1191\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@PuntoRojoM\" \/>\n<meta name=\"twitter:site\" content=\"@PuntoRojoM\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dario Manoukian\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#organization\",\"name\":\"Punto Rojo\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/punto-rojo-marketing\/mycompany\/\",\"https:\/\/twitter.com\/PuntoRojoM\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2021\/03\/cropped-XMLID-27-1-1.png\",\"contentUrl\":\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2021\/03\/cropped-XMLID-27-1-1.png\",\"width\":177,\"height\":40,\"caption\":\"Punto Rojo\"},\"image\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#website\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/\",\"name\":\"SEO Blog Punto Rojo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/puntorojo.com\/blog\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg\",\"contentUrl\":\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg\",\"width\":2560,\"height\":1191},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/\",\"name\":\"SEO DevTools: 10 hidden functionalities that you didn\\u2019t know about | Agencia SEO Punto Rojo\",\"isPartOf\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage\"},\"datePublished\":\"2022-05-20T15:02:21+00:00\",\"dateModified\":\"2022-08-03T21:56:23+00:00\",\"description\":\"Let\\u00b4s see what we can do with Google Chrome's DevTools without having to install additional plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"puntorojo\",\"item\":\"https:\/\/puntorojo.com\/blog\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"digital marketing\",\"item\":\"https:\/\/puntorojo.com\/blog\/en\/digital-marketing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SEO DevTools: 10 hidden functionalities that you didn\\u2019t know about\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage\"},\"author\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#\/schema\/person\/86e161c1c1c06a40c6c4f3bc1bf7a871\"},\"headline\":\"SEO DevTools: 10 hidden functionalities that you didn\\u2019t know about\",\"datePublished\":\"2022-05-20T15:02:21+00:00\",\"dateModified\":\"2022-08-03T21:56:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage\"},\"wordCount\":1671,\"publisher\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg\",\"articleSection\":[\"digital marketing\",\"Google\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#\/schema\/person\/86e161c1c1c06a40c6c4f3bc1bf7a871\",\"name\":\"Dario Manoukian\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/puntorojo.com\/blog\/en\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b0fee8d383961c0ecae77e5fe3d58cad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b0fee8d383961c0ecae77e5fe3d58cad?s=96&d=mm&r=g\",\"caption\":\"Dario Manoukian\"},\"description\":\"Exclusive SEO agency. We are the first SEO agency certified as Great Place to Work. In 2018 &amp; 2020 we were chosen as the Best Online Marketing Agency for eCommerce by eCommerceDay and The Best SEO agency in LATAM by Clutch.\",\"url\":\"https:\/\/puntorojo.com\/blog\/en\/equipo-seo\/dario-manoukian\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about | Agencia SEO Punto Rojo","description":"Let\u00b4s see what we can do with Google Chrome's DevTools without having to install additional plugins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/","og_locale":"en_US","og_type":"article","og_title":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about | Agencia SEO Punto Rojo","og_description":"Let\u00b4s see what we can do with Google Chrome's DevTools without having to install additional plugins.","og_url":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/","og_site_name":"SEO Blog Punto Rojo","article_published_time":"2022-05-20T15:02:21+00:00","article_modified_time":"2022-08-03T21:56:23+00:00","og_image":[{"width":2560,"height":1191,"url":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@PuntoRojoM","twitter_site":"@PuntoRojoM","twitter_misc":{"Written by":"Dario Manoukian","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/puntorojo.com\/blog\/en\/#organization","name":"Punto Rojo","url":"https:\/\/puntorojo.com\/blog\/en\/","sameAs":["https:\/\/www.linkedin.com\/company\/punto-rojo-marketing\/mycompany\/","https:\/\/twitter.com\/PuntoRojoM"],"logo":{"@type":"ImageObject","@id":"https:\/\/puntorojo.com\/blog\/en\/#logo","inLanguage":"en-US","url":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2021\/03\/cropped-XMLID-27-1-1.png","contentUrl":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2021\/03\/cropped-XMLID-27-1-1.png","width":177,"height":40,"caption":"Punto Rojo"},"image":{"@id":"https:\/\/puntorojo.com\/blog\/en\/#logo"}},{"@type":"WebSite","@id":"https:\/\/puntorojo.com\/blog\/en\/#website","url":"https:\/\/puntorojo.com\/blog\/en\/","name":"SEO Blog Punto Rojo","description":"","publisher":{"@id":"https:\/\/puntorojo.com\/blog\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/puntorojo.com\/blog\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage","inLanguage":"en-US","url":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg","contentUrl":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg","width":2560,"height":1191},{"@type":"WebPage","@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage","url":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/","name":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about | Agencia SEO Punto Rojo","isPartOf":{"@id":"https:\/\/puntorojo.com\/blog\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage"},"datePublished":"2022-05-20T15:02:21+00:00","dateModified":"2022-08-03T21:56:23+00:00","description":"Let\u00b4s see what we can do with Google Chrome's DevTools without having to install additional plugins.","breadcrumb":{"@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"puntorojo","item":"https:\/\/puntorojo.com\/blog\/en\/"},{"@type":"ListItem","position":2,"name":"digital marketing","item":"https:\/\/puntorojo.com\/blog\/en\/digital-marketing\/"},{"@type":"ListItem","position":3,"name":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about"}]},{"@type":"Article","@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#article","isPartOf":{"@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage"},"author":{"@id":"https:\/\/puntorojo.com\/blog\/en\/#\/schema\/person\/86e161c1c1c06a40c6c4f3bc1bf7a871"},"headline":"SEO DevTools: 10 hidden functionalities that you didn\u2019t know about","datePublished":"2022-05-20T15:02:21+00:00","dateModified":"2022-08-03T21:56:23+00:00","mainEntityOfPage":{"@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#webpage"},"wordCount":1671,"publisher":{"@id":"https:\/\/puntorojo.com\/blog\/en\/#organization"},"image":{"@id":"https:\/\/puntorojo.com\/blog\/en\/seo-devtools-10-hidden-functionalities-that-you-didnt-know-about\/#primaryimage"},"thumbnailUrl":"https:\/\/puntorojo.com\/blog\/en\/wp-content\/uploads\/2022\/05\/blog-partes-36-3-scaled.jpg","articleSection":["digital marketing","Google"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/puntorojo.com\/blog\/en\/#\/schema\/person\/86e161c1c1c06a40c6c4f3bc1bf7a871","name":"Dario Manoukian","image":{"@type":"ImageObject","@id":"https:\/\/puntorojo.com\/blog\/en\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/b0fee8d383961c0ecae77e5fe3d58cad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b0fee8d383961c0ecae77e5fe3d58cad?s=96&d=mm&r=g","caption":"Dario Manoukian"},"description":"Exclusive SEO agency. We are the first SEO agency certified as Great Place to Work. In 2018 &amp; 2020 we were chosen as the Best Online Marketing Agency for eCommerce by eCommerceDay and The Best SEO agency in LATAM by Clutch.","url":"https:\/\/puntorojo.com\/blog\/en\/equipo-seo\/dario-manoukian\/"}]}},"_links":{"self":[{"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/posts\/6700"}],"collection":[{"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=6700"}],"version-history":[{"count":1,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/posts\/6700\/revisions"}],"predecessor-version":[{"id":6701,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/posts\/6700\/revisions\/6701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/media\/6936"}],"wp:attachment":[{"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=6700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=6700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/puntorojo.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=6700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}