タグ

デザインとSEOに関するliquidwaveのブックマーク (3)

  • ウェブデザイナーとしてスキルアップするための20のメソッド

    素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に

  • フリーのWEBデザイナーによるWEB制作のノウハウや雑記

    覚え書きエントリ。CSSでの画像置換についてちょっと悩んでいるので色々調べてみました。 グローバルメニューなどでHTML上はテキストで記入し、 CSSで「text-indent:-9999px;」や「display:none;」を用いて画像に見せる方法(画像置換)ですが 最近の傾向では使用が推奨されていないようです。 なぜ使ってはいけないのか(アクセシビリティ) 「display:none;」 ... 音声ブラウザが読み上げてくれない、タブボタンでフォーカスできない「text-indent:-9999px;」 ... CSSは有効で画像表示は無効にしている環境(携帯、モバイルPCなど)では表示されない後者はモバイル用CSSなどで回避できると思いますが... SEO的にはどうなのか 色々調べてみたところ、今のところ画像置換によるSEOのペナルティはSPAMなどの明らかなテキスト隠し行為以

  • 検索エンジンに無料登録しよう!アクセスアップ&SEO対策 基本編 - 副業クエスト100

    スマホ向けにモバイルフレンドリー対策を! 近年で大きかった変化のひとつがモバイルフレンドリー対策でしたね。 今はパソコンよりもモバイルからの訪問が多いので、スマホやタブレットに対応したレスポンシブデザインにしておくことが大事です。 もし、まだモバイルフレンドリーテストをクリアしていないのなら、必ず対策しておきましょう。 WordPressならレスポンシブなテーマに変えるか、スマホ表示ができるプラグインで対応できます。 モバイルフレンドリーじゃないとマイナスの評価を与えられるだけではなく、モバイルユーザーの直帰率も上げてしまうのでまだ対策していない人は要注意! 画像は記事を読み進めてくれるスパイスになる! 記事の最初にアイキャッチ画像を設置したり、見出しの下に画像を挿入しておくだけで、読み進めてくれる人の割合を増やすことが可能です。 マーケティングの世界でも有名ですが、多くの人はまずスマホで

    検索エンジンに無料登録しよう!アクセスアップ&SEO対策 基本編 - 副業クエスト100
  • 1