Font size and colour SEO Dos and Don’ts

Do: Choose hues that go well with the tone of your workplace.

Your company may sometimes need a corporate, black-and-white environment. CEOs from Fortune 500 businesses do not have time for cartoonish visuals and brilliant colours. However, most firms have plenty of opportunity for design to create a distinctive ambiance for the brand. Utilize your brand’s colour palette. Brands have them.

Choose colours that clash in an unpleasant manner.

Having stated that, a designer must choose your colours in a method that makes them complementary. Customers won’t be drawn to your website if it has a lime green backdrop with pink writing superimposed on it since that will make it seem as if a kid created it. Creating a welcome website without making it seem naive or unreliable is ultimately what it’s all about SEO compny in new delhi.

Do: Format any clickable item such that it seems to be clickable.

Button, image, and text links must seem to be links in order to be clickable objects. This is the reason why the industry standard for underlining text on a black and white page is a blue underline. It is obvious to click on the blue. You don’t have to adhere to the norm, and you probably shouldn’t, but you do need to make sure that your links and buttons are obvious enough for users to click on them.

Don’t: Format text links in the same way as plain text.


Minesweeping is the practise of looking for places where the pointer transforms into a hand, turning your connections into a hide-and-seek game. Children only find it amusing, while adult users find it frustrating and pointless. You need to make your connections clear and noticeable unless you’re creating a gaming website for children. Additionally, there’s always a danger that links that closely resemble your content might be seen as an effort to conceal them, which could result in a search penalty.

Do: To ensure the best readability, use font colours that stand out against the backdrop.

White lettering on a black backdrop creates a stark contrast that makes it easier to read. It gets more difficult to see the writing if you change it to a colour that is closer to white, such as grey or yellow. No matter what colour your backdrop is, the same applies. Choose a font colour that jumps out and makes it simple to read your material.

Don’t: Cover text with a backdrop that matches the colour of the typeface.

Text that was concealed from the user but accessible to the search engine was one popular old spam method. It was sufficient to trigger a search penalty to have the font colour coincide with the backdrop colour, or very nearly so. If you really must conceal text, there are better methods to do it, but you should aim to build something that doesn’t need it.

Do: Take into account the cultural meanings associated with certain colours.

Different colours are associated with different things in different cultures. Black is considered a colour of mourning in the US. That hue is commonly white in Japan. Red is a symbol of rage, love, and passion. With the exception of India, where it is a hue of innovation and pride, and China, where it is a colour of danger and hatred. If you’re advertising in a foreign market, take into account the cultural connotations of the main colours you use for your brand.

Don’t: Completely avoid using colour.


There is nothing to be afraid of in colour. When utilised sparingly, a little touch of colour really enhances your website. Color gives energy to your website, even if it’s as easy as making your backdrop blue or yellow with a white overlay for black text. While plain black and white might be effective, it conveys an air of austerity that may not be appropriate for your organisation.

Do: Choose a font size that is easy to read on computers and mobile devices.

You will have trouble getting people to read if your font is any smaller than size 10 or 12. They don’t want to squint or bend closer to their screens in order to see your material on their phones or computers. It’s likely that they’ll just back off and obtain the data they want on a site they can understand. If your font size is modest, try increasing it slightly throughout and see how people respond. You may be shocked.

Don’t: Choose a font size that is too tiny or huge for easy reading.

Don’t overdo it! While a font size that is too tiny makes reading difficult, a font size that is too wide may also be detrimental. Only use large fonts for headers and titles, or for graphics and infographics. Avoid using huge fonts in typical text, especially those with a size of 20 or above; this makes it difficult to read more than a paragraph without scrolling, and consumers dislike scrolling if they aren’t already interested.

Use CSS to format and add colours to text to make it stand out.

Use CSS properties if you want to format and colourize your text. For instance, it’s simple enough to include a colour that is applicable to every H1 tag you use. With CSS, it’s simple to generate various headers, styles, and formats for various forms of text. As opposed to putting the scripts directly to the HTML of your website, it is also cleaner and simpler to understand and modify afterwards.

Don’t: Use a variety of colours and sizes to make your text resemble a circus tent.

In the early days of Geocities and the 1995 Internet, it wasn’t unusual to come across web sites with vividly coloured backgrounds, eye-catching images, and content that was formatted with every third word being highlighted with a higher font size, a different colour, italics, or bold. That just makes your website seem spammy on the contemporary Internet. Don’t waste your time attempting such strange formatting; nobody uses such methods anymore.

Use the h1 and strong tags to improve usability and SEO.

You have two choices when creating a title or subtitle for your content. You may provide the text properties to make the font bigger, bolder, and more colourful. Alternatively, to make it a heading, use an H1 tag. dislike the formatting of the heading? Make changes using CSS. Here, SEO really gains since Google parses heading tags rather than considering the font colours and sizes.

Don’t: Make headings and subheadings using just size and colour properties.

In all except the most severe circumstances, Google disregards font colour and size for precisely the reasons mentioned above. To stress readability, it will really parse H1 and other formatting elements.

Choose standardised font families.

A font family is a collection of fonts that share similar traits so that the browser knows which ones to use if the user doesn’t have one. Your page will seem more or less as you want it to by using a common font family, such as serif, sans serif, or whatever.

Read more: click

Leave a Comment