できなかったを可能にする
Webメディア

【SEO効果あり】WordPressをWebPに対応させよう!

WordPress
WebP

もっとも身近なものの改善でSEO効果を得れる可能性のあるWebPについて解説。WebPはGoogleが開発した画像フォーマットで、最大の特徴は「綺麗な画質のに軽い」ということです。Webサイトなどで一般的に使用されるPNGと比較したところファイルサイズが26%も軽くなり、JPEG画像では25〜34%も軽くなると言われております。

HTMLのリンクを貼りつける<aタグ>の使い方を解説

HTML
SEOに強いリンクタグの貼り方

aタグ(アンカーリンクタグ)はHTMLで作られたウェブサイトでは必ず使われているタグであり、ページ内のリンクから「他のページへ移動する」「アプリを起動する」など、さまざまなことができるようになります。書き方次第でSEO効果を得ることもできるので正しい書き方について学んでいきましょう。

【HTML5】formタグを使った入力フォームの作り方!

HTML
フォームの作り方

Web制作に携わっている人でも「formタグやinputタグの使い方がイマイチわからない。」という方、意外と多いと思います。フォームを機能させるためには、PHPなどといったサーバー(データベース)を操作することのできる言語が必要になりますが、こちらの記事では表側の部分HTMLを使ってフォームを完成させるまでを解説いたします。

【HTML5】Sectionタグの正しい使い方を解説!

HTML
sectionタグの使い方

sectionタグはHTML5で登場した新しいタグであり、言葉の通り「節」や「章」という意味を持ちます。また、sectionタグを使用する場合、必ずh1~h6といった見出しタグを挿入するのがルールとなっています。ポイントをふまえ正しい使い方を学びましょう!

Site Kit By Google

GoogleがWordPressプラグイン Site Kitを正式リリース。SEO対策に欠かせないGoogleアナリティクス、サーチコンソールだけではなくPage Speed InsightまでもがWordPressのダッシュボードで確認することができるようになったので、テストとして利用してみました。

【CSS】paddingとmarginの余白の指定方法の違い

CSS
margin_padding

CSSの余白調整方法の一つであるpaddingとmarginについて、ボックスモデルの考え方から、paddingとmarginの使い方、コーディング時のテクニックまで徹底解説します。paddingとmarginは似ている点も多いのでセットで覚えましょう。

HTMLのアウトライン

HTML5のアウトラインについて知りたい方向け。アウトラインの概念、アウトラインの解析の仕方、明示的アウトライン(セクショニングコンテンツ・セクショニングルート)、暗黙的アウトライン、アウトラインの決まり方を一から知りたい方は必見です!