HTML

ファビコンの設定方法です。ファビコンとは、ブラウザのタブのタイトル横に表示される小さいアイコンのことですね。 当サイト「HPcode」だったら「はにわ」のアイコンを表示させています。 ファビコンは、そのサイトを示すシンボ […]

実態参照とは、どの機種で見てもちゃんと表示されるような文字の指定方法（書き方）です。 実体参照を使うのは2パターンあります。 HTMLタグとして認識される「<」や「&」を文字として扱うため とある機種でしか […]

SNSの時代において、SNSのボタンが存在しないサイトはほとんどありません。コーディグでは確実に求められる要素なので作り方を覚えておきましょう！ SNSのボタンには大きく２つあります。 自身のアカウントへアクセスしてもら […]

OGPはTwitterやFacebookなどのSNS媒体に投稿された時に、「どのような見栄えで表示させるか」を指定できる規格です。 HTMLのメタタグとしてフォーマットが決まっているので、ルールに沿ってタイトルや画像など […]

無料で利用できるPHPお問い合わせフォームテンプレートの中で、今のところ一番優秀だと思っているのが、「Responsive Mailform」。 入力する人がストレスを感じることなく快適に入力～送信までできること。 なる […]

普段WordPressに慣れていると、「HTMLサイトでお問い合わせフォームも入れてほしい」と言われた時にだいぶ困ります。 「あれ、プラグイン使わずにどうやって作るんだ？」的な。 でも、大丈夫！ インターネット上には、「 […]

「SEOに準じたコーディング」を自分なりにまとめました。今のSEOはコンテンツ重視なので、コーディング側でできることって実はそんなにありません。 レベル１: W3C標準に準拠 W3Cは、HTMLやCSSの規格やWebの標 […]

構造化データには、「microdata」「JSON-LD」「RDFa」の3種類の書き方があります。一般的にはシンタックスと呼ばれていたりしますが、用語が難しいので「書き方」としています。 Googleが推奨しているのは「 […]