HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA

2024/08/01 92 users CSS ICS MEDIA HTML

テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつ... 続きを読む

記事内の外部リンクにアイコンを付けて分かりやすくするカスタマイズ - FOXISM

2018/03/30 10 users CSS FOXISM アイコン カスタマイズ 外部サイト

2018 - 03 - 30 記事内の外部リンクにアイコンを付けて分かりやすくするカスタマイズ はてなブログ Facebook Google+ Twitter Pocket Hatebu 記事中で自分のサイトではない外部サイトへのリンクを書くときに、それが「外部サイトへのリンクだよ」というのを分かりやすくするために、リンクテキストの後ろにアイコンを付けてみます。 まえがき 普通のブラウザで、css... 続きを読む

【SEO】内部リンクは重要だが、先ずはページ単体で価値を与えよう - 検索サポーター

2015/12/28 19 users SEO 検索サポーター ページ単体 価値 内部リンク

2015 - 12 - 28 【SEO】内部リンクは重要だが、先ずはページ単体で価値を与えよう SEO 検索 コンテンツ Tweet 内部リンクは重要です 内部リンク、外部リンクに限らずリンクテキストを適切に設定することでユーザーエクスペリエンスを向上させることは重要です。 リンク先が何のトピックについて書かれているかを分かりやすく伝えることは、ユーザーだけでなく検索エンジンにもリンク先のコンテン... 続きを読む

【SEO】リンクテキスト（アンカーテキスト）を適切に設定してユーザーと検索エンジンにやさしいサイトに - 検索サポーター

2015/11/25 12 users SEO アンカーテキスト Tweet 検索サポーター 目次

2015 -11 -25 【SEO】リンクテキスト（アンカーテキスト）を適切に設定してユーザーと検索エンジンにやさしいサイトに SEO 検索 コンテンツ Tweet 目次 リンクテキスト全てにおいて有効です 不適切なリンクテキストの例、修正案 ラベルがないリンク 「こちら」リンク 「もっと読む」「詳細」リンク バージョン違いや別フォーマットへのリンク SEOの観点から考える リンクテキスト全てにお... 続きを読む

コピペOK！CSSでリンクテキストにアニメーションを付ける11の技 | ブログマーケッターJUNICHI

2015/10/12 47 users ブログマーケッターJUNICHI CSS アニメーション

リンクのついているテキストにマウスを乗せた時（マウスオーバー時）にアニメーションを付ける方法を解説します。プラグインを使えば、初心者でもこの記事内で紹介しているコードをコピペすれば簡単に実装することができます。是非挑戦してみて下さい。どうも、JUNICHIです。 リンクが付いたテキストや画像にマウスを乗せた時（マウスオーバー時）、色んなアニメーション・効果があるとなんだかカッコいいサイトになった気... 続きを読む

ASCII.jp：3限目：「看板」から学ぶ「見出し」の基本設計とは!?｜書かなきゃいけない人のためのWebコピーライティング教室

2014/11/17 72 users 見出し Webコピーライティング教室 看板 ASCII.jp

イラスト：寺井麻美 紙媒体とWebのちがい……「読まれ方」の構造的な差 「見出し」のつくり方が今回のテーマです。一口に「見出し」といっても、広告やメルマガの中にあるテキストの小見出し、リスティング広告の見出し、ニュースサイトの見出し、それからポータル上に表示されるリンクテキストなど多岐にわたりますが、ここでは「本文が後に続くもの＝本文を読ませるための短いコピー」をまとめて「見出し」として定義します... 続きを読む

リンクテキストの書き方： 重要な言葉で始め、目立ち、説明的なものにしよう – U-Site

2014/04/27 21 users U-Site 言葉 書き方

上のWebサイトはスクリーンリーダー（画面読み上げソフト）を利用する視覚障害のあるユーザーにはさらに理解しにくいだろう。彼らは自分の目でページを素早く流し読みすることができないので、ページを俯瞰するのにタブキーを使ってページ上のリンクを見ていくからだ。 下の例はTwitter.comのよくあるご質問のページからとったものである。視力の弱い人もこのページでは1語ずつ、あるいはそのリンク部分を読み上げ... 続きを読む