-
SEO
AIでSEO対策はできるのか?ChatGPTの使い方と、AIと検索エンジンの戦いについて
2022年11月、OpenAIという非営利団体が、ChatGPTというAIで文章を生成するサービスを開始しました。これの精度が高いということで話題になっています。使ってみたところ、ホントにすごくて記事…<続きをみる>
-
SEO
Needs Met(ニーズメット)とは?GoogleのSEO評価基準の一つを解説
Googleが公開しているSEO関連の資料の一つに、Google品質評価ガイドライン(General Guidelines)があります。このガイドラインの中に「Needs Met(ニーズメット)」が示…<続きをみる>
-
SEO
Googleトレンドとは?ターゲットキーワードの検討にも活用できる!
Googleトレンドは、無料で使えるGoogleのサービスで、過去から現在までの検索キーワードのトレンドを知ることができるツールです。 定常的に調べられているワードなのか、トレンドに左右されているのか…<続きをみる>
-
SEO
MEOとは?簡単!始め方と、何をすればよいかのポイント解説
MEOは、Map Engine Optimizationの略で、マップエンジン最適化の意味です。主にはGoogleで検索したときに表示されるGoogleマップでユーザーに見てもらえるようにする施策のこ…<続きをみる>
-
SEO
E-E-A-T(経験、専門性、権威性、信頼性)を高める方法に関する考察
GoogleはE-E-A-Tという略語を用いるくらいに、ホームページ所有者/執筆者の信頼性を評価しており、近年その傾向が強まっています。2022年12月5日に行われたヘルプフルコンテンツアップデートも…<続きをみる>
-
SEO
インスタなどSNSの投稿とGoogleのSEOとの関係(重複注意!)
インスタ、Twitter、Facebookの他、YoutTube、アメブロなど、ホームページのSEO以外に、同時に他の媒体でも集客に力を入れてる方いらっしゃるかと思いますが、どのような媒体であっても、…<続きをみる>
-
Accessibility
色覚異常に配慮したWebデザイン
先天色覚異常は日本人男性の20人に1人(5%)、日本人女性の500人に1人(0.2%)と言われています。また後天色覚異常も、決して稀ではありません。 日本人だけ多いというわけではなく、白人の方が日本人…<続きをみる>
-
JavaScript
スクロールに応じた視差(パララックス)効果のある動きをJavaScriptライブラリなしで実装
スクロールしたとき、普通なら画面全体が同じように動きますが、部分的に他とは違う動きをつけると、視差効果で奥行きが感じられ、デザインとして深みを感じてもらえるようになると思います。ライブラリもありますが…<続きをみる>
-
HTML&CSS
CSSで画面の幅に応じてフォントサイズを変える
画像やdiv要素の幅はブラウザの幅に応じて変えられても、フォントサイズはメディアクエリ―を使うしかないと思ってませんか?ブラウザの幅に対してのサイズ指定が可能なvwという単位は、フォントサイズに対して…<続きをみる>
-
WordPress
WordPressでタクソノミーの情報を取得する方法
WordPressで、カスタムタクソノミーの情報を取得する方法をご紹介します。タームを取得する方法はこちらをご参照ください。 カスタムタクソノミーとタームとは? カスタムタクソノミーは、通常の投稿でい…<続きをみる>
-
WordPress
WordPressで投稿ページに紐づくなど指定した条件のタームを取得する方法
WordPressで、例えば「特定のタクソノミーに属する」「投稿ページに紐づく」などの指定条件でカスタムタクソノミーのタームを取得する様々な方法をご紹介します。 非常に似た名称の関数が多いので、頭がこ…<続きをみる>
-
HTML&CSS
CSSのみでタブパネルを作る方法
タブパネルをCSSのみ(JavaScriptなし)で作成する方法についてご紹介します。JavaScriptで作成するタブパネルもご紹介していますので、それと比較しながらご説明します。 デモ/タブパネル…<続きをみる>
-
JavaScript
素のJavaScriptでタブパネルを作る方法
タブパネルを素のJavaScriptを使って(jQueryなしで)作成する方法についてご紹介します。 デモ/タブパネルとは タブパネルは、次のデモのようにタブで中身を切り替えられるユーザーインタフェー…<続きをみる>
-
UX
ユーザビリティ上のよくある問題と施策
ある程度ホームページを念頭に、ユーザビリティ上ありがちな問題と、改善の施策をご紹介したいと思います。 メニュー文言と実際の内容が一致しない これは最も生じる種類の問題です。ユーザビリティテストを実施し…<続きをみる>
-
UX
なぞる操作は必然だった?ユーザビリティテスト(ユーザーテスト)のススメ
使い勝手をテストするために、仮想ユーザーにタスクを与えて操作してもらうテストのことをユーザビリティテストまたはユーザーテストと呼びます。私は大手総合電機メーカーのデザイン部門にいた際に、このテストを数…<続きをみる>
-
HTML&CSS
img要素をdiv要素で囲う意味:横に文章がある画像をブラウザの幅に応じて伸縮させる方法
img要素をどうしてdiv要素で囲うのだろう?ごちゃごちゃするだけじゃない?と思ったことありますか?意味もなく慣習的に行っている場合もあれば、ブロックの単位を分かりやすくするため、という場合もあると思…<続きをみる>
-
JavaScript
document.querySelectorAllで取得した要素をforEachで回す
JavaScriptで、document.querySelectorAllで取得した要素をforEachで回す方法をコピペ用に残します。他にも方法はありますが、IEのサポートを考えなくてよければfor…<続きをみる>
-
SEO
ビッグキーワードで上位も狙える方法「トピッククラスター」
検索数が多く競合も多いような検索キーワードをビッグキーワードと呼び、上位に表示させるのは難しいですが、それでも上位を狙う場合はセオリーがありますので、ご紹介したいと思います。 ビッグキーワードとは 検…<続きをみる>
-
SEO
SEOにおけるターゲットキーワードの考え方と選び方・決め方
ターゲットを決める。これはSEOに限った話ではなく、そもそも事業を始めるにあたって大事なことですよね。にも関わらず、ターゲットキーワードが意識できていないホームページは非常に多いです。 そもそもターゲ…<続きをみる>
-
SEO
FAQの構造化マークアップでクリック率を上げる
FAQの構造化マークアップをすると、検索結果画面にそのFAQの内容が表示されることがあります。他の構造化マークアップと比べて目立ちやすく、結果的にクリック率が上がりやすくSEO対策となるため、高度なS…<続きをみる>