: Website cache on google looks broken My website's google cache copy looks broken. Below is link to cache. http://webcache.googleusercontent.com/search?q=cache:http://paintcollar.com Can this affect

@Sherry384

When Google fetches any page, the first thing it does is store the code. The reason for this is simple. Google needs to process your web page in different ways at different times and it is far better to reference your page from it's index than to fetch it each and every time.

This is where the cache comes from.

If you see that the cache does not look as you expect, that is always a code issue. In your case, what I see wrong is extremely easy to fix.

Your CSS code is relative and not absolute. This means that when someone requests the cache page, the reference to the CSS files causes the browser to fetch the CSS files from a location where they are not.


This is NOT a problem!!


Here is your code:

<link rel="stylesheet" href="styles/583bff26.vendor.css"/>
<link rel="stylesheet" href="styles/f8c12610.main.css"/>


I recommend making this code absolute.

<link rel="stylesheet" href="/styles/583bff26.vendor.css"/>
<link rel="stylesheet" href="/styles/f8c12610.main.css"/>


You can always use the full reference.

<link rel="stylesheet" href="http://paintcollar.com/styles/583bff26.vendor.css"/>
<link rel="stylesheet" href="http://paintcollar.com/styles/f8c12610.main.css"/>


For the record, many sites are relative css/style.css as apposed to absolute, however, the most common absolute reference is /css/style.css

Vote Up Vote Down