SEO【SEO対策】パラグラフライティングとは
パラグラフライティングは、一つのパラグラフ（≒段落）で一つのトピックを扱い、複数のパラグラフを組み合わせて論理的な文章を作成する手法です。明確な構造を持つパラグラフライティングは、読者と検索エンジンの両方にとって理解しやすく、SEOライテ...
Web
SEO
WebLOLIPOP!でAIによる出力サービスの提供開始
チェックが漏れていたのですが、レンタルサーバーであるLOLIPOP!によるAIアシスタントが公開されていました。 少し使ってみましたがサラサラっと書いてくれる場合もあればなかなか難しいというものがありますが、、、個人的には結...
WebWindows11でも動くマウスが必要なくなるキーボードでマウス操作のような環境作り【ThumbSense】
ごく一部の人にとって、重宝されていたThumbSense。タッチパッドに指を置いた状態でキーボード操作をするとマウスと同様の操作（左クリック、右クリック、スクロール操作、戻る、進む、など）ができるようになります。しかし、Thumbsens...
CSSCSSを使って複数行の文章の最後に3点リーダーで省略表示する方法
この記事では、CSSを使って複数行の最後に3点リーダーで省略表示する方法を紹介します。以下のCSSを使用して、HTMLとCSSのサンプルコードを示します。 サンプルコード <!DOCTYPE html><htm...
WebWebサイトにゲーミフィケーションを採用する際に大事な考え方
ゲーム、というとどうしても3Dでメタバースでグラフィカルでアニメーションで、という「見た目の話」が中心になりがちではありますが、Webサイトにゲーミフィケーションを採用する際には大事なことがたくさんあります。 もちろん、通常のゲーム...
生成AIChatGPTを取り敢えず禁止する世の中は取り敢えずスルー
ChatGPTを禁止する企業や教育機関、更には国を巻き込んだレベルで規制が始まっていたりしますが、個人的には「人々の生活をサポートしてもらうためのものなのになんでChatGPTに任せっきりにする前提なんだろう？」とちょっと謎です。...
CSSCSSで写真画像に影を利用した装飾を付ける方法
本記事では、CSSを使って写真画像に影を付ける方法を解説します。以下の2つの見出しで、それぞれ異なる影の付け方を紹介します。 画像の背景に影をつける この方法では、画像の背景に影をつけます。以下のCSSを使用します。 ...
CSSCSSを使って画像のアスペクト比を統一する方法
Webページに画像を配置する際、異なるアスペクト比の画像が混在するとレイアウトが崩れたり、見た目が乱れることがあります。この記事では、CSSを使って画像のアスペクト比を統一する方法を解説します。 使用するCSS まず、次のCS...
Web転職サイトに登録していたらアクセシビリティはどうなったと気づいた
数年に一回、転職サイトを見まくる癖があります。その理由としてはシンプルに「世の中で求められているトレンドと、Web業界の単価の確認、別業界からの需要」という意味で確認したいためです。 定型文でたくさん送られてくるリクエスト プ...
SEOローカルSEOを対策して地方にあるお店の集客力をアップする方法
地元のお店が盛り上がることで、地域全体の活気が増し、地域経済も活性化します。ウェブデザインとマーケティングの観点から、どのように地元のお店を応援し、集客力をアップさせることができるのでしょうか？ 今回は、ローカルSEOの知見も含めて、その...