ノウハウ（ブログ）一覧All Know-How (Blogs)
-
JavaScript
素のJavaScriptでカルーセルスライダーを作る選択肢とswiperの使い方
フリックすると左右に画像が切り替わるカルーセルスライダーを作る方法について、現況における選択肢をまずご説明した上で、最適だと私が思う方法をご紹介します。 結論としては、ライブラリは利用。ライブラリの中…<続きをみる>
-
HTML&CSS
HTMLとCSSのみでWebサイト用のスライドショーを作る／ボタン付きの場合の解説も
ズームイン、ズームアウトしながら画像が切り替わるスライドショーと、流れるスライドショーについて、jQueryなどのライブラリはおろかJavaScriptなしで作る方法についてご紹介します。 一気に説明…<続きをみる>
-
SEO
GCPの始め方（Google Cloud Platform／グーグルクラウドプラットフォーム）
Googleマップのカスタマイズや、早急にインデックスさせる必要がある場合に使えるIndexing APIの利用などのためには、まずはGoogle Cloud Platformを有効にしてGoogle…<続きをみる>
-
HTML&CSS
CSSで角丸（１箇所だけなども）、円形をborder-radiusとclip-pathそれぞれで
CSSで角丸にする方法を、４箇所すべての場合と、１箇所だけ、２箇所だけ、３箇所だけにする場合、それぞれについてご紹介します。IEのサポートを考えなくて良い今は、border-radiusを使う方法とc…<続きをみる>
-
SEO
GA4でクリックを計測するためのGoogleタグマネージャーの設定
GA4（Googleアナリティクス）でホームページの特定個所のクリックを計測するためのGoogleタグマネージャー設定方法をご紹介します。 これにより、その箇所をクリックする前の画面遷移なども把握でき…<続きをみる>
-
アクセシビリティ
スクリーンリーダーとは？簡単な使い方も紹介
スクリーンリーダーは、日本語では「音声読み上げソフト」と呼ばれることもあり、主に目の不自由な方、視覚障がい者が、画面を読み上げながらパソコンやスマートフォン、タブレットなどを使うためのソフトウェアです…<続きをみる>
-
SEO
SEOも考えた画像のalt属性（代替テキスト）の付け方・使い方とWordPressにおける設定方法
alt属性はHTMLの仕様で、画像（imgタグ）につけることのできる代替テキストです。WordPressではHTMLを用いずに入力できるようになっています。SEOのためにと入力した結果、間違った使い方…<続きをみる>
-
SEO
SEOチェックにもなる！検索結果画面で勝手にタイトルが変わるGoogleの仕様について
検索結果画面に表示されるタイトルはtitle要素に書く、というのは基本ですが、Googleはだいぶ以前より、勝手にタイトルの名称を変えることがあります。 それについての現状、具体的な例についてご紹介し…<続きをみる>
-
SEO
SEOで悪影響の重複コンテンツとは？回避、解消方法も解説！
SEOで悪影響のある「重複コンテンツ」と呼ばれる事象の状態でご相談を受けることは非常に多いです。SEO業界では「カニバリ」という呼び方もされています。ひどい場合はGoogleからペナルティを与えられる…<続きをみる>
-
SEO
検索意図とは？考え方と調べ方をつかんでSEO対策
検索意図をつかんで記事を書くというのは、その記事での検索上位を狙ううえでとても重要な要素です。Googleが公開している検索品質評価ガイドラインを読み解くと浮き彫りになる3つの評価軸のうちのひとつ、N…<続きをみる>
-
SEO
ロングテールキーワードとは？探し方を知って効果的なSEO対策を
ロングテールキーワードとは、複数の単語の組み合わせによる検索キーワードで、月間の検索ボリュームが1000未満が目安と言われています。スモールワードとも呼ばれます。 コンテンツSEO対策においては、まず…<続きをみる>
-
JavaScript
Googleマップでピンのアイコン（マーカー）をオリジナルに変更して表示する
Googleマップのピンのアイコン、マーカーを変更してお店などのロゴを表示する方法をご説明します。 GoogleのAPIを有効にする 以下２つのAPIを有効にする必要があります。 Maps JavaS…<続きをみる>
-
JavaScript
Googleマップをグレースケールにする／航空写真ボタンなどを非表示にするなどのカスタマイズ方法
Googleマップをグレースケールにしたり、航空写真などのボタンを非表示にするなどの各種カスタマイズ方法をご紹介します。 事前準備 以下を事前に行う必要があります。事前準備の方法はこちらでご案内してい…<続きをみる>
-
WordPress
WordPressの記事検索結果で検索キーワードをハイライト表示する
タイトルの内容の記事、たくさん出てきてどれも同じソースコードが載っているのですが、バグがあることに気づきましたので、修正した内容を公開します。ただ、バグがあるとはいえ、そういった記事がなければより困っ…<続きをみる>
-
SEO
デザインとSEOの関係
デザインとSEOはどういう関係があると思いますか？ もちろん、Googleはひとつひとつのサイトすべてを目で見て評価しているわけではないので、ビジュアルデザインとSEOとの間は直接的には関係ない要素が…<続きをみる>
-
SEO
iframe（アイフレーム、インラインフレーム）とSEOの関係
iframeは、他のドメインであってもページの一部を表示するのに使うことができますが、その場合、表示されるコンテンツの中身はGoogleはSEO的には評価しません。ただし、title属性を使って説明は…<続きをみる>
-
SEO
構造化マークアップでSEOの強化
構造化マークアップ、構造化データ、リッチスニペットという言葉を聞いたことはありますでしょうか？構造化マークアップに対応することで、Googleの検索結果画面で閲覧者に気づいてもらいやすい見え方がするこ…<続きをみる>
-
HTML&CSS
CSSでimg要素の大きさ調整とobject-fit属性のシミュレーター
CSSでimg要素の画像の大きさ調整をする際、どういう場合にどうなるのかをシミュレーションできるようにします。 img要素の大きさ調整とobject-fitシミュレーター まとめ 正直、このページは色…<続きをみる>
-
SEO
セマンティックHTMLとは？SEOに強く、アクセシブルにするセマンティックな要素を使おう
セマンティックというのは英語で「意味の」、「意味論の」という意味です。HTMLではセマンティック要素を使って、画面上に表示される言葉以外にも意味が与えられていくようになっています。 そのHTMLは進化…<続きをみる>
-
SEO
検索上位に表示されないホームページの理由８選
ホームページが検索上位に表示されるかどうかは、次の図に示すようにベースのコーディング、仕組みの品質がまず大前提としてあります。その上に作られるコンテンツの方が影響は大きいです。お客様から「上位に表示さ…<続きをみる>