Viewing Your Page's Source Code the Way Search Engines Do

3 min read
Wix sites use Server Side Rendering (SSR) to convert the HTML code of your pages into the version that your visitors see in their browser. 
SSR can also help make it easier for search engines to retrieve all of the content on your pages when they crawl and index them. This includes useful SEO content such as meta tags that are in your page's source code, but are not visible on the rendered page.
You can view your page's source code the way search engines view it by changing the user agent in your browser's settings. The user agent helps identify which browser you're using. When you select a web crawler bot such as Googlebot as your user agent, you can view the exact content that the bot crawls. 
In this article, learn more about:

Viewing your page's source code in Google Chrome

You can use Google Chrome's developer tools to view your page's source code the way search engines do.

To view using Google Chrome:

  1. Open the relevant page of your site in Google Chrome.
  2. Open the page's source code view:
    • Windows: Right-click the page and select View page source (or View source). Alternatively, you can press Ctrl + U on your keyboard.
    • Mac: Press Cmd + Option + U on your keyboard.
  3. Open the developer tools:
    • Windows: Press the F12 key on your keyboard.
    • Mac: Press Cmd + Option + I on your keyboard.
  4. Click the Customize and Control DevTools icon at the top right. 
  5. Hover over More tools and select Network conditions
Selecting More Tools in Google Chrome's developer tools
  1. Deselect Use browser default under User Agent
  2. Select Googlebot from the drop-down menu. 
Selecting Googlebot as the user agent in Google Chrome
  1. Refresh the page.

Viewing your page's source code in Safari

You can use the Develop tab in Safari to view your page's code the way search engines do. 

To view using Safari:

  1. Click Safari in the top menu.
  2. Select Settings.
  3. Select Advanced.
  4. Select the Show features for web developers checkbox.
A screenshot of the settings panel in Safari with the Show features for web developers checkbox selected.
Once you select the checkbox, Develop appears in the top menu.
A screenshot of a top menu with Develop selected.
  1. Open the relevant page of your site in Safari.
  2. Click Develop in the top menu. 
  3. Hover over User Agent.
  4. Select Other at the bottom.
  5. Replace the text in the field with the following: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36
  6. Click OK to confirm.

Did this help?

|