ノウハウ(ブログ)一覧
All Know-How (Blogs)
-
アクセシビリティ
スクリーンリーダーとは?簡単な使い方も紹介
スクリーンリーダーは、日本語では「音声読み上げソフト」と呼ばれることもあり、主に目の不自由な方、視覚障がい者が、画面を読み上げながらパソコンやスマートフォン、タブレットなどを使うためのソフトウェアです…<続きをみる>
-
SEO/LLMO/AIO
SEOも考えた画像のalt属性(代替テキスト)の付け方・使い方とWordPressにおける設定方法
alt属性はHTMLの仕様で、画像(imgタグ)につけることのできる代替テキストです。WordPressではHTMLを用いずに入力できるようになっています。SEOのためにと入力した結果、間違った使い方…<続きをみる>
-
SEO/LLMO/AIO
SEOチェックにもなる!検索結果画面で勝手にタイトルが変わるGoogleの仕様について
検索結果画面に表示されるタイトルはtitle要素に書く、というのは基本ですが、Googleはだいぶ以前より、勝手にタイトルの名称を変えることがあります。 それについての現状、具体的な例についてご紹介し…<続きをみる>
-
SEO/LLMO/AIO
SEOで悪影響の重複コンテンツとは?回避、解消方法も解説!
SEOで悪影響のある「重複コンテンツ」と呼ばれる事象の状態でご相談を受けることは非常に多いです。SEO業界では「カニバリ」という呼び方もされています。ひどい場合はGoogleからペナルティを与えられる…<続きをみる>
-
SEO/LLMO/AIO
検索意図とは?考え方と調べ方をつかんでSEO対策
検索意図をつかんで記事を書くというのは、その記事での検索上位を狙ううえでとても重要な要素です。Googleが公開している検索品質評価ガイドラインを読み解くと浮き彫りになる3つの評価軸のうちのひとつ、N…<続きをみる>
-
SEO/LLMO/AIO
ロングテールキーワードとは?探し方を知って効果的なSEO対策を
ロングテールキーワードとは、複数の単語の組み合わせによる検索キーワードで、月間の検索ボリュームが1000未満が目安と言われています。スモールワードとも呼ばれます。 コンテンツSEO対策においては、まず…<続きをみる>
-
JavaScript
Googleマップでピンのアイコン(マーカー)をオリジナルに変更して表示する
Googleマップのピンのアイコン、マーカーを変更してお店などのロゴを表示する方法をご説明します。 GoogleのAPIを有効にする 以下2つのAPIを有効にする必要があります。 Maps JavaS…<続きをみる>
-
JavaScript
Googleマップをグレースケールにする/航空写真ボタンなどを非表示にするなどのカスタマイズ方法
Googleマップをグレースケールにしたり、航空写真などのボタンを非表示にするなどの各種カスタマイズ方法をご紹介します。 事前準備 以下を事前に行う必要があります。事前準備の方法はこちらでご案内してい…<続きをみる>
-
WordPress
WordPressの記事検索結果で検索キーワードをハイライト表示する
タイトルの内容の記事、たくさん出てきてどれも同じソースコードが載っているのですが、バグがあることに気づきましたので、修正した内容を公開します。ただ、バグがあるとはいえ、そういった記事がなければより困っ…<続きをみる>
-
SEO/LLMO/AIO
デザインとSEOの関係
デザインとSEOはどういう関係があると思いますか? もちろん、Googleはひとつひとつのサイトすべてを目で見て評価しているわけではないので、ビジュアルデザインとSEOとの間は直接的には関係ない要素が…<続きをみる>
-
SEO/LLMO/AIO
iframe(アイフレーム、インラインフレーム)とSEOの関係
iframeは、他のドメインであってもページの一部を表示するのに使うことができますが、その場合、表示されるコンテンツの中身はGoogleはSEO的には評価しません。ただし、title属性を使って説明は…<続きをみる>
-
SEO/LLMO/AIO
構造化マークアップでSEOの強化
構造化マークアップ、構造化データ、リッチスニペットという言葉を聞いたことはありますでしょうか?構造化マークアップに対応することで、Googleの検索結果画面で閲覧者に気づいてもらいやすい見え方がするこ…<続きをみる>
-
HTML&CSS
CSSでimg要素の大きさ調整とobject-fit属性のシミュレーター
CSSでimg要素の画像の大きさ調整をする際、どういう場合にどうなるのかをシミュレーションできるようにします。 img要素の大きさ調整とobject-fitシミュレーター まとめ 正直、このページは色…<続きをみる>
-
SEO/LLMO/AIO
セマンティックHTMLとは?SEOに強く、アクセシブルにするセマンティックな要素を使おう
セマンティックというのは英語で「意味の」、「意味論の」という意味です。HTMLではセマンティック要素を使って、画面上に表示される言葉以外にも意味が与えられていくようになっています。 そのHTMLは進化…<続きをみる>
-
SEO/LLMO/AIO
検索上位に表示されないホームページの理由8選
ホームページが検索上位に表示されるかどうかは、次の図に示すようにベースのコーディング、仕組みの品質がまず大前提としてあります。その上に作られるコンテンツの方が影響は大きいです。お客様から「上位に表示さ…<続きをみる>
-
WordPress
カテゴリー、タグ、タクソノミー、タームの違いについてどこよりも分かりやすい解説を試みる
WordPressでサイトを提供するフロントサイドエンジニアや、ウェブデザイナーの方々など、おそらく一度はぶち当たる「カテゴリー」、「タグ」、「タクソノミー」、「ターム」という頭がこんがらがる存在。こ…<続きをみる>
-
WordPress
WordPressで画像のパス(参照先URL)をキャッシュ対策付きで書く
自分のコピペ用で残しますが、もしこの記事にたどり着いて参考になった方は活用ください。 コード 説明 get_template_directory_uri();はテーマ直下の階層までのディレクトリを出力…<続きをみる>
-
WordPress
ブロックエディター(Gutenberg)の使い方、編集方法の基本
この記事では、WordPressの最新UIであるブロックエディター(Gutenberg)をほとんど触ったことがない方を対象に、編集方法の基本的な部分、注意点などをご紹介したいと思います。 見ていただく…<続きをみる>
-
WordPress
WordPressのメディアに登録された画像を上書きする方法
WordPressのメディアに登録した画像を上書きしようとしても、別のファイルとして登録されてしまいますよね。いったん削除して、同じファイル名で登録しようとしても、ファイル名が変わってしまうこともあり…<続きをみる>
-
WordPress
All in One SEOの使い方とより良い選択肢
私は、パフォーマンスの観点と自分でカスタマイズできるようにということから、WordPressのプラグインに関しては、プロの制作会社でもよく使うContact Form 7や、Advanced Cust…<続きをみる>