Optimizing H1 tags using sIFR

by Shimon Sandler on July 21, 2011

Simply stated, sIFR is a SEO friendly way to use your custom fonts, without the need to use an Image. It’s a search engine friendly method for using your custom fonts.

Who is sIFR for? It’s for any website that has been using an Image or Flash as the H1 (or other headings) because of the need/desire for custom fonts. sIFR is your SEO solution to finally optimize your H1 tags. In short, sifr replaces short text blocks with Flash of selected typefaces. Technically speaking, sIFR is a text replacement method using JavaScript, Flash, and CSS.

While most people simply create images when they need a custom-type font, sIFR can dynamically create short text blocks using whatever font you want (while still rendering the text with a default font on non-Flash browsers). In general, if you want to utilize better typography, while maintaining the optimization of your H1 tags… sIFR might be the easiest way to pull it off.

So, now you can still use your own custom fonts. No images needed. This technique allows the use of h1, h2 tags to have its copy replaced by a Flash using the desired font.

Google will crawl and index the text content of sifr Flash files. Hence, it’s search engine friendly.

Here is an example of a website that does this. TV Land: (example shown using Firebug).
tvland using sifr

Share and Enjoy:
  • StumbleUpon
  • Sphinn
  • del.icio.us
  • Reddit
  • Facebook
  • Propeller
  • TwitThis

Related posts:

  1. Optimizing Photo Galleries
  2. 3 Things to Make the Collapsible DIV SEO Friendly
  3. How to Handle Tag Pages
  4. 404 Page Error Handling

{ 10 comments… read them below or add one }

sryo July 21, 2011 at

sIFR has been unsupported for years, and Flash is a technology you should try to avoid (slower load times, heavier pages). For that there’s Typekit, Fontdesk and Google WebFonts.

Reply

Eli July 21, 2011 at

Nice post, Shimon. Cufon works well also–it basically does the same thing as sIFR. There are some other options as well, like FLIR, typeface.js and the built-in @font-face attribute in CSS, which would be best if it was fully adopted.

sIFR is best in it’s ability to be selected in all browsers, but I suggest using the one you feel most comfortable with. Make sure to do extra browser testing–especially in the dreaded IE6–when you play with text replacement.

Reply

karthik July 28, 2011 at

usefull information

Reply

sökmotoroptimering - petter August 15, 2011 at

I dont use this at the moment.
I stay away from flash normally.

Thanx for a good post.

Reply

Online Grocery Shopping in Chennai August 18, 2011 at

hi,

how can we optimize the website for Google Search Engines?

Reply

UPS in Chennai August 23, 2011 at

hi,

optimization all meta tags is so good for seo promotions

Reply

ny seo expert August 26, 2011 at

This has been a very significant blog indeed. I’ve acquired a lot of helpful information from your article.

Reply

Jan-Willem Bobbink September 26, 2011 at

sIFR and Cufon both struggle with Internet Explorer 9, the best to use is Google Webfonts or the CSS3 font face.

Reply

thiet ke to roi October 11, 2011 at

This is very useful for me.Can you share with us something more like this ??? Thanks.

Reply

Business College Bardon December 28, 2011 at

Yeah, I’m totally agree with you here.. thanks for making me aware about this topic. I got many informative points here.. Keep going on this way in future also.

Reply

Leave a Comment

*

Previous post: