What is Inline CSS?
Inline CSS is a CSS code found within an HTML tag instead of putting a separate external CSS file. Cascading Style Sheet (aka. CSS) is a language used to bring style, colour and layout to web pages.
How does Inline CSS affect SEO?
Inserting CSS codes into an HTML file unnecessarily increases its size, which affects download time and page load time. Page load time is one of the metrics used by Google in its ranking scores. Thus, it is recommended to place CSS codes in a separate external CSS file to optimize load times.
However, there are instances where this is beneficial on a web page. Web developers often use it when:
- You need to create quick HTML prototypes
- You want a temporary style, which is not to be shared with other elements
- If your website is small, say a single-page website
- You are using emails for say, sending out newsletters
Further Reading:
Inline CSS – SiteAuditor.com
How to Use CSS for Better SEO Results? – Website Toon Academy