Flashで文字を画像として置き換える「sIFR」

※ このページでは「sIFR」につきまして解説はしません。詳しく知りたい方は【海外SEO情報ブログ】様の過去記事で詳しく解説されていますので、そちらを参考にしてみてください。

海外SEO情報ブログ
画像置き換えはもう古い、“sIFR”を使ったSEOに強いグラフィカルなh1タグ

参考記事からもわかりますように、技術面で「SEOに強い」と言うことに加え、さらにデザイン面で「PCにインストールされていないフォントを表示させることができる」という利点もあります。

通常、CSSでフォントを指定(font-famiry使用)しても、ユーザのパソコンに指定したフォントがインストールされていなかったり、ブラウザが解釈しないフォントだったりする場合には、そのフォントは表示させることができません。
また、画像で制作したように綺麗・鮮明に表示させることもできません。

見た目にも検索エンジンにもインパクトを与えたい文字を、ユーザーの環境に依存されないように制作するには、HTML/CSSだけでは100%不可能です。

その不可能を可能に変えるのが、この「sIFR」という手法になります。


●制作必要技術:FLASH(ActionScript)、javascript、HTML、CSS

●導入必要技術:多少のHTML、CSS


●サンプル

 HTMLで表示させる画像の場合

インパクトを与えます!

(画像としてすべてが選択されてしまう)
HTMLコード:
<img src="http://www.ht-produce.com/free-system/sample/sifr/sample-image.gif" width="500" height="70" alt="インパクトを与えます!" />

 HTML+CSS画像の場合

インパクトを与えます!

(テキストとして認識・選択可能だがフォントにより文字が貧弱)
HTMLコード:
<p class="orignal-class">インパクトを与えます!</p>

sIFRの場合

インパクトを与えます!

(テキストとして認識・選択可能で且つインパクトを与えられる)
HTMLコード:
<p class="sifr">インパクトを与えます!</p>

※ すべての画像(文字)をドラッグアンドドロップしますか、ソースをご確認しますと効果がお分かり頂けます。

ダウンロードと使い方

無料ユーザー登録はこちらから

※ ユーザー名、またはパスワードをお忘れの方はお問い合わせよりご連絡下さい。

ご要望やご質問、バグ報告等は当ページからも受け付けています。

フリーシステムに関しますご要望やご質問、バグ報告等は弊社お問い合わせフォーム
若しくは、以下入力欄よりお願い致します。

Flashで文字を画像として置き換える「sIFR」 について

本日まで頂きましたご意見・ご要望・バグ報告 等 (弊社からの返信も致します)

  1. h.t.p. より:

    test

  2. HTP_FreeUser より:

    test2

Webツール利用規約

無料Webツールは、ユーザー登録をして頂けました個人様・法人様でしたら、商用・非商用関わらずのご使用を認めていますが、著作権は放棄しておりません。ダウンロードしましたシステムの著作権は株式会社H.T.P.に属します。

登録ユーザーが所有、制作または管理するサイト上のみにて使用することができ、販売、配布及び開発目的など他の目的で使用することはできません。

また、一部システムファイルにつきましては、個別に著作権が表示されているファイルも御座いますので、削除しないようお願い致します。

免責事項

実際にWebで使用しているツールを配布していますので、万全の公開をさせて頂いておりますが、サーバ環境やブラウザによっては動作しないことも考えられますので予めご了承ください。
(不具合につきましてはご連絡を頂けましたら幸いで御座います。)

また、無料ツールご利用時の障害や関連する損害につきましては、弊社は一切責任を持ちかねますので予めご了承下さい。


配布していますWebツールにつきまして、ご不明な点・ご質問が御座いますお客様は、株式会社H.T.P.までメール、または各種ダウンロードページ コメント欄よりご連絡お願い致します。
同時にカスタマイズのご相談も承っております。

お問い合わせはメールフォームからも可能ですお気軽にお問い合わせ下さい。047-406-5917