So, with the limited number of fonts available to code your website text in HTML, you might look at the possibility of embedding text in your website design as an image. This has the benefit of opening up your font selection to include any font that you have, and since youâ€™re putting it in your site as an image, it will look perfect on the other end.
But, this has the disadvantage of making the text in the image invisible to the search engines. You want the search engines to be able to read your website copy â€“ thatâ€™s how they figure out what your siteâ€™s talking about!
Designing text as an image instead of designing it in plain HTML also makes that text more difficult to edit. Itâ€™s very easy to change the text in an HTML document â€“ you can simply copy and paste the text from a Word document (or wherever you write it) into the HTML, add a few tags, and youâ€™re done! But, if youâ€™re preparing the text as an image, you have to pull up your graphic, change out the text, format it, export the image to a file, and optimize that graphic file for the web. It takes a lot of steps.
And, this doesnâ€™t just apply to the body copy on a website. One of the most common mistakes that I see on small business websites is that they choose to make their siteâ€™s headlines graphical. But, this overlooks the fact that the headlines are one of the most valuable pieces of text on your website from the search enginesâ€™ perspective. So, you should be especially careful about how you code these.
You should not only code them in plain HTML, but using HTML headline tags – <H1>, <H2>, etc. Thatâ€™s how the search engines can tell that those pieces of text are special. And, you donâ€™t have to use the default <H1> tag styles â€“ you can customize their appearance. More about that in another post soon!