タグ

2018年6月21日のブックマーク (5件)

  • SEOの真実!検索結果のクリック率向上にはmeta descriptionがとても重要

    meta descriptionは、内部対策SEOで最も基的な要因の1つです。 しかし、Googleの検索結果をチェックしてみると、最適化しているとは言い難いスニペットをたくさん見かけます。 SEO関連の記事では必ず触れられる項目にも関わらず設定していないウェブサイトが多いのは、meta descriptionのSEO効果をきちんと理解していないウェブ担当者が多いのかもしれません。 meta descriptionを最適化することはユーザーのクリック率に大きな影響を与え、トラフィックの増加を期待することができます。 今回は、meta descriptionの役割、設定方法、クリック率を高めるテクニックを解説します。いまさらと思わずに再確認してみてください。 ※一部、内容を修正しました。ご指摘ありがとうございます。 meta descriptionの役割 meta description

    SEOの真実!検索結果のクリック率向上にはmeta descriptionがとても重要
  • 画像データを劣化させず編集可能!オススメのベクター変換ツール7選

    写真やイラスト、文字などjpg、gif、png画像を扱う中で、「ベクターで画像を編集したい」と思ったことがある方も多いのではないでしょうか。 ベクターを使えば、劣化させずにIllustratorなどで画像の拡大縮小やイラストの色を変えたりできるので便利です。 今回は、jpg、gif、png画像をベクターに変換できる、オススメのオンラインツールをご紹介します。 画像をベクターにするメリット ベクター画像とは「座標にある複数の点と点を結んだオブジェクト」です。 輪郭がはっきりとしており、色の変更や輪郭に線をつける等の作業を容易に行うことができます。 ベクター画像の強みは、データを拡大縮小しても劣化しない点です。看板や大型ポスターなど、大きめのデータの作成や出力に適しています。 画像が重すぎると出力に時間がかかり、スペックによってはメモリのエラーが発生する場合もありますが、ベクター画像は容量が軽

    画像データを劣化させず編集可能!オススメのベクター変換ツール7選
  • サジェストキーワードとは?SEO対策で活用すべきツールもご紹介! | 株式会社PLAN-B

    検索窓に現れるサジェストキーワードとは?サジェストキーワードとは、検索窓に何か調べたいキーワードを入力したときに自動的に表示される検索候補のことです。 例えば、「サジェストキーワード」と入力すると、検索候補に以下のように表示されます。 基的にサジェストキーワードは、ユーザーの検索頻度やキーワードとの関連度合いによって表示されています。 検索エンジンが事前にユーザーが検索したいであろうキーワードを先読みして候補をサジェストする(Suggest:提案する)という意味で「サジェストキーワード」と呼ばれています。 ちなみに、検索窓で過去に入力した文字を記憶し、次に入力される内容を予想して表示する機能をGoogle検索では「オートコンプリート」とも呼ばれています。 引用:Google検索ヘルプ『オートコンプリートの仕組み』 また、最近ではスマートフォンで検索をする人が増えています。 スマートフォン

    サジェストキーワードとは?SEO対策で活用すべきツールもご紹介! | 株式会社PLAN-B
  • クリックで展開する円状のメニュー

    Result SNSのPathっぽい円状のメニューです。 クリックでメニューが展開する、というもの。アイコンはfont-awesomeです css#menu {/*親要素*/ width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; list-style: none; font-size: 200%; } .menu-button {/*メニュー展開のトリガー要素*/ opacity: 0; z-index: -1; } .menu-button {/*スタイル*/ width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; bor

    クリックで展開する円状のメニュー
  • CSSのスニペットに登録!背景にCSSグラデーションが変化するアニメーションを実装するスタイルシート

    スクリーンいっぱいの背景にCSSグラデーションが変化するアニメーションを実装するスタイルシートを紹介します。 HTMLCSSも非常にシンプルで、簡単に利用できます。 Pure CSS3 Gradient Background Animation 上記はGIFアニメですこし汚いので、実際の動作は下記のデモページでご覧ください。 15秒周期に設定されており、時間やグラーデションのカラーは自由に変更できます。

    CSSのスニペットに登録!背景にCSSグラデーションが変化するアニメーションを実装するスタイルシート