Web開発、Web制作、Webデザイン

ここでは、画像ファイルの配布に特化したCDNについて紹介。 ＊ CloudFlareのようなサイト全体をキャッシュするようなクラウドサービスそのものは除外している。 Postimage.org WordPressプラグイン：simple-image-upload（最終更新2012年） 各種掲示板やブログに公開する画像をアップロードするためのストレージとして、2004年に開始されたサービス。 有志が非営利で運営しているらしく、そのためか驚くほど制限が少ない。 画像用CDNとしては、ほぼこれで十分といえる。 アップロードできる画像数に制限はなく、同時に送信できる数は1000、最大画像サイズは1万ピクセル×1万ピクセル、1ファイルの最大容量は12MBと、かなりの大盤振る舞い。 またphpBBなど、有名な掲示板システム用のプラグインも公式に提供されているので、アップロードしやすい（WordPress向けには古いプラグインしかない）。 ログイン不要で手軽に利用できるが、アカウント登録すれば、自分がアップロードした画像を「ギャラリー」という名のカテゴリーに分けて管理することが可能になる。 一方、ログインしていない状態でアップロードしてしまうと他の画像系CDNと同じく、自分では削除できなくなってしまうので注意しよう。 使い方 トップページかログインしたページに、アップロードしたいファイルをドラッグ＆ドロップするか、フォームから選択するだけ。 送信が完了すると、フルサイズの画像やサムネイルのURL、短縮URLなどが一覧表示される。 Cloudinary CloudFlareとは異なり、画像や動画のストレージに特化したサービス。 CDNとしての単なるキャッシュサービスではなく、サーバーサイドでの画像変換にも対応している。 料金プランの考え方がやや特殊で、いわゆる「コスト制」。 以下のそれぞれの基準を1か月あたり「1クレジット」という単位で計算し、翌月になるとリセットされる。 画像変換：1000回 容量：1GB 転送量：1GB 動画変換：処理にかかった時間500秒 無料プラン（Free Plan）の場合、1か月あたり25クレジットまで使えるので、かなり使い勝手がいい。 画像変換の機能は、URLに各種パラメーターを付けてアクセスするだけ（REST API）。 そうすると自動で処理されたうえでクラウドストレージに保存され、次

takasho

Ouka Studio

【基本】 ひとつのウェブページ内に、h1要素はひとつのみ。 通常は、head要素のtitle要素と同一にする。 理由 それを想定している場合が多いから 実際の仕様はともかく、開発者や検索エンジンはh1要素がひとつだと想定していることが多いようだ。 こういった仕様に関する部分は、特に理由がなければ主流派に合わせたほうが無難だろう。 Google検索のサイト内目次ではh2が基準になるから SEOでは最も重要なGoogleの検索結果の表示では、各ページの概要の下にページ内リンクの見出しが表示されることがある。 調べてみると、各ページのh2要素が使われているようだ。 結果的にSEOの面では、h1はページ内の各見出しのトップではなく、ページタイトルにのみ使ったほうがいいということになる。 解説 標準化団体によって仕様が異なる Web技術の標準化団体には、大きく分けてW3C（World-Wide Web Consortium）とWHATWG（Web Hypertext Application Technology Working Group）の2つがある。 前者が先に設立されたが、「開発者のことを考えていない」として不満を持ったAppleやGoogleが中心となって後者の団体がつくられた。 以前W3Cは、HTML5でsection要素で囲めばh1の複数利用を認めていたが、HTML5.1ではその部分を削除。 つまり、h1要素は1ページにひとつのみとしている。 しかし、対するWHATWGでは、以前からh1の複数利用を認めている。 WHATWGが技術使用の策定を一括で担うことに 2019年になって、大きな変化があった。 WHATWGに技術仕様の策定を一任することが、両者の合意で決定したのだ。 よって、今後は一律に「WHATWGの仕様が正しい」ということになる。 要するに、W3CによるHTML5.1の勧告は無視してよく、仕様の面ではこれではっきりとした。 Google関係者は「いくつでもいい」 ただ、上記のことはあくまで建前の話。 気になるのは、検索サイト最大手Googleの考え方だ。 実は、関係者がTwitterで直接的にそのことについて語っている。 As many as you want. 「つけたいだけつけていい」とのこと。 換言すれば、SEO的に影響するような要素ではないということだ。 結論 できればh1をひと

takasho

Ouka Studio