ノウハウ(ブログ)一覧All Know-How (Blogs)
-
WordPress
WordPressで異なるカスタム投稿タイプに引っ越す方法(エクスポートしてインポート)
WordPressの引っ越し、ないしはリニューアルでカスタム投稿タイプ名が異なるところに移そうと(エクスポートしてインポート)するとエラーが生じます。 簡単に解決できますが頻繁に行う作業でもなく、探り…<続きをみる>
-
WordPress
WordPressで投稿・記事一覧を表示する方法(固定ページについても)
WordPressで投稿一覧を表示する方法を投稿のアーカイブページと固定ページそれぞれについてご紹介します。 投稿・記事一覧とは? 投稿・記事一覧と呼んでいるのは、WordPressの投稿の機能、また…<続きをみる>
-
SEO
SEO対策で重要なtitleタグ(タイトル)とは?WordPressプラグインの「SIMPLE SEO PACK」を使った設定方法も解説
HTMLにtitleタグ(要素)と、metaタグ(要素)のdescriptionというのがあります。ここでは、Google検索順位への影響が強いtitleタグの値と、検索結果画面に表示されることになる…<続きをみる>
-
SEO
Googleタグマネージャーを使ってGoogleサーチコンソールとGoogleアナリティクスを設定する方法
ここでは、Googleタグマネージャーを使ってGoogleサーチコンソールとGoogleアナリティクスを設定する方法についてご説明します。 前提知識として、サイトの<head>内と<…<続きをみる>
-
SEO
【初心者向け】Googleアナリティクス(GA4)とは?設定と使い方
Googleアナリティクス(Google Analytics)は、ウェブサイトに訪問した人の数や属性、どのページに訪問し、その後どのページに遷移したかなどを分析できるGoogleの提供するツールです。…<続きをみる>
-
SEO
【初心者向け】Googleサーチコンソールとは?設定と使い方
Googleサーチコンソール(Google Search Console)は無料で利用可能なGoogleの提供するツールで、SEO対策のためには必須で、第一歩となります。 ここでは、Googleサーチ…<続きをみる>
-
AI(人工知能)
ChatGPTの試行履歴、ChatGPTの使い方も解説!
という企業が、ChatGPTというAIで文章を生成するサービスを開始しました。という書き出しで、この記事を2023年1月31日に初めて書いた時はまだテレビに出るまでにはなってなかったのですが、その後急…<続きをみる>
-
SEO
スマホ表示で必要?alternateタグとSEOへの影響
私のように、いわゆるレスポンシブデザインという理想的な作り方をする場合には関係はないのですが、ウェブサイトの作りによってはSEOのために必要となるalternateタグというHTMLの仕様があります。…<続きをみる>
-
SEO
Needs Met(ニーズメット)とは?GoogleのSEO評価基準の一つを解説
Googleが公開しているSEO関連の資料の一つに、Google検索品質評価ガイドライン(General Guidelines)があります。このガイドラインの中に「Needs Met(ニーズメット)」…<続きをみる>
-
SEO
ChatGPT(生成AI)のSEO対策における活用方法、プロンプト紹介!SEOに強い記事の作成方法も
基本的なことは説明すら不要になったChatGPT。Googleも「AIによる概要」として検索結果画面に生成AIによる回答内容を表示するようになり、SEOは大きく変わることが予想されます。しかし、生成A…<続きをみる>
-
SEO
Googleトレンドとは?ターゲットキーワードの検討にも活用できる!
Googleトレンドは、無料で使えるGoogleのサービスで、過去から現在までの検索キーワードのトレンドを知ることができるツールです。 定常的に調べられているワードなのか、トレンドに左右されているのか…<続きをみる>
-
SEO
MEOとは?簡単!始め方と、何をすればよいかのポイント解説、ローカルSEOとの違い
MEOは、Map Engine Optimizationの略で、マップエンジン最適化の意味です。主にはGoogleで検索したときに表示されるGoogleマップでユーザーに見てもらえるようにする施策のこ…<続きをみる>
-
SEO
SEOの評価軸の1つ「E-E-A-T(経験、専門性、権威性、信頼性)」とは?高める方法も紹介
GoogleはE-E-A-Tという略語を用いるくらいに、ホームページ所有者/執筆者の信頼性を評価しており、近年その傾向が強まっています。2022年12月5日に行われたヘルプフルコンテンツアップデートも…<続きをみる>
-
SEO
インスタなどSNSの投稿とGoogleのSEOとの関係(重複注意!)
インスタ、Twitter、Facebookの他、YoutTube、アメブロなど、ホームページのSEO以外に、同時に他の媒体でも集客に力を入れてる方いらっしゃるかと思いますが、どのような媒体であっても、…<続きをみる>
-
アクセシビリティ
色覚異常(少数色覚)に配慮したWebデザイン
先天色覚異常は日本人男性の20人に1人(5%)、日本人女性の500人に1人(0.2%)と言われています。また後天色覚異常も、決して稀ではありません。 日本人だけ多いというわけではなく、白人の方が日本人…<続きをみる>
-
JavaScript
スクロールに応じた視差(パララックス)効果のある動きをJavaScriptライブラリなしで実装
スクロールしたとき、普通なら画面全体が同じように動きますが、部分的に他とは違う動きをつけると、視差効果で奥行きが感じられ、デザインとして深みを感じてもらえるようになると思います。ライブラリもありますが…<続きをみる>
-
HTML&CSS
CSSで画面の幅に応じてフォントサイズを変える
画像やdiv要素の幅はブラウザの幅に応じて変えられても、フォントサイズはメディアクエリ―を使うしかないと思ってませんか?ブラウザの幅に対してのサイズ指定が可能なvwという単位は、フォントサイズに対して…<続きをみる>
-
WordPress
WordPressでタクソノミーの情報を取得する方法
WordPressで、カスタムタクソノミーの情報を取得する方法をご紹介します。タームを取得する方法はこちらをご参照ください。 カスタムタクソノミーとタームとは? カスタムタクソノミーは、通常の投稿でい…<続きをみる>
-
WordPress
WordPressで投稿ページに紐づくなど指定した条件のタームを取得する方法
WordPressで、例えば「特定のタクソノミーに属する」「投稿ページに紐づく」などの指定条件でカスタムタクソノミーのタームを取得する様々な方法をご紹介します。 非常に似た名称の関数が多いので、頭がこ…<続きをみる>
-
HTML&CSS
HTMLとCSSのみでWebサイト用のタブ切り替え(タブパネル作成)
タブパネルをCSSのみ(JavaScriptなし)で作成する方法についてご紹介します。JavaScriptで作成するタブパネルもご紹介していますので、それと比較しながらご説明します。 デモ/タブパネル…<続きをみる>