SEO

 次世代画像フォーマット『WebP(ウェッピー)』の話

日頃、Webサイトを運営しながらアクセスログを除いていると7割以上がスマートフォンで閲覧している事がわかります。スマートフォンの創世記から考えると今の端末はすごい速度で進化しています。そして5Gの環境整備も進んでいます。そんなスマートフォン向けにWebサイトやコンテンツを考慮するとどうしても次世代画像フォーマットの話になるのですが、今だにハッキリとした決定打がある状況ではないのですが、そうも言っていられないのが現状です。そこらへんを簡単にまとめてみました。

 続きを読む

 Webサイトのコーディング例でみるHTMLの遍歴

長年Webサイトを作る仕事をしていると、それに用いる技術の遍歴を感じます。HTMLやCSSの技術も、ひと昔前から考えるとだいぶ変わりました。ここでは簡単なコーディング例からここ数年のHTMLとCSSの移り変わりを紹介します。

 続きを読む

 番号リスト(orderd list|オーダード・リスト)

文章ではなく項目やリストの表示を司るタグはいくつか存在します。その一つがこの『番号リスト(orderd list|オーダード・リスト)』です。例えば、手順の必要な項目や、番号をつけないといけないリストなどが当てはまります。

 続きを読む

 箇条書きリスト(unorderd list|アンオーダード・リスト)

文章ではなく項目やリストの表示を司るタグはいくつか存在します。その一つがこの『箇条書きリスト(unorderd list|アンオーダード・リスト)』です。例えば、イベント参加に必要な条件(条件の項目に順番が関係ない事)や、持ち物リストなどが当てはまります。

 続きを読む

 ワードプレス(WordPress)で「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。」時の対処方法

WordPress4.9以降から管理画面内で「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。」なるエラーが出るようになりました。このエラーが出るとテーマやプラグインの更新ができなくなります。それでは何かと大変なので、ひとまずこのエラーが出なくなる方法を紹介します。(あくまでもその場しのぎですが。。。)

 続きを読む

 段落p(paragraph|パラグラフ)

Webサイトを制作する上で常に使うタグと言っていいタグが、このパラグラフ(paragraph)pタグです。このpタグは文章の一段落部分をマークアップするタグです。日本語で文章の始まりから句点「。」で終わる文章までを一段落としています。そこまでをこのpタグで囲めば良いのです。ただし、必ず一段落を囲むものだ!と厳格に考えなくてもいいかと思います。

 続きを読む

 見出しh1〜h6(heading|ヘディング)

body内に記述するタグの中で重要なのが見出しタグ(heading)のひとつh1タグです。見出しタグ(heading)にはh1からh6までの六段階が用意されています。その中でもh1タグは一番重要な大見出しのタグです。このページではh1タグである見出しタグ(heading)や他の見出しタグの使い方を解説します。

 続きを読む

 HTMLの基本的なフォーマット

日頃、Webサイトを一から作ることもあるので、汎用性の高いソースを準備していたりします。このページでは私が使うHTMLのソースを紹介します。これからHTMLを勉強したりWebサイトを作ろうとしている方の手助けになれば幸いです。

 続きを読む