protocol)やTwitterカードのことなど、WEBサイトの技術要素についての話になりました。言うのも、先日コラムに書きましたSEOの仕様チェックリストを見て頂いてたようでして、それらに触れた話をした感じでした。Pages)も書き入れるなど、色々考慮する必要があるかなぁ・・・と思いつつ、そこにも触れた話になりました。この手の話が面白すぎてたまりません(笑)ということで、今回はOGPやTwitterカードを簡単WEBサイトテンプレート(PHP)に組み込んでみました。「ちょっとは役に立ったかな?」や「ちょっと面白いな(笑)」みたいなことを感じられましたら、シェアして頂けますと幸いです。Protocol)とTwitterカードを簡単WEBサイトテンプレート(PHP)に追記する内容をお送りしたいと思います。弊社のサイトにも設置しておりまして、FacebookやTwitterなどに投稿すると綺麗にデータが表示されます。それだけで嬉しいところなんですが、まぁただ実際問題実益が伴わない時はどうリアクションを取っていいのか分からないので、なかなか難しいところです。全てのページ管理を行うシステムを独自で組んでたりしますと、細かい配慮が行き届きにくく、本件のような目に見えないデータの扱いはちょっと面倒なところがでてきます。WordPressに関してはフローの中に組み込むことができるようにプラグイン形式で吐き出されていますが、自前システムできっちり対応しているサイトは少ないのではないでしょうか。一度でもフローに組み込む仕様を作成してしまえば難しいことではないと思うんですけどね、なかなかそうもいきません。この手の細かい小回り的な、プラグイン的な思想の仕様に敏感なのはディレクターやプロデューサーみたいな立場の方が多いように見受けています。プログラマーさん側になると仕様(設計)や動作感に理想を求めたり使いやすいシステムに拘る方が多いような気がします。デザイナーさん側になるとUIやUX、サイトにアクセスした時からゴールまでの流れを綺麗にデザインする方が多いような気がします。それぞれの立場によって見方も変わるのでそれ自体は間違いではなく寧ろ正しい姿だと思いますが、逆に言えば、どこかの立場の方が抜けてしまうとその分ダメージも大きくなっちゃいますよね、、、ということだと考えています。最近のサイトのあり方の象徴的なことだと感じています。各種SNSやGoogleが新たに基準を作り、その基準にどうやって適応するのか・・・というのはもっぱらのテーマになっているように思います。ホームページ制作ソフトで作成したサイトがダメ・・・というお話ではなく、コンテンツの発展性や拡張性が求められ、その内容を的確にインターフェイスに表さないといけないわけですが、そこへの対応がテーマという感じです。いうことで、今回は各種SNSへの対応をお助け出来る内容になれば、、、と思う次第です。ダウンロードと組み込みサンプルメタタグ設定済みファイルのダウンロードということで、早速テンプレートに組み込んでみましたので、ダウンロードしてお使い下さい。phptemp_snsmeta_160224.zip組み込み済みサンプルOGPとTwitterカードを組み込んだページのサンプルです。組み込めばこんな感じで表示されます。メタタグ設定済みサンプル元になるWEBサイトテンプレート(PHP)について当サイト内の「SEOの基礎知識」の中のコンテンツです。流れ的には以下のような順番です。」内に全てのページに共通する内容を書き込む。」以外のインターフェイスファイルのメタタグに必要内容を記述する。各ページのみで設定する内容を、各ページ内のPHPの設定箇所に記述する。修正したファイルをアップする。いうことで、上記の内容を以下で詳細解説致します。」内に全てのページに共通する内容を書き込むこれは決まり切った内容を書きます。各種SNSのアカウント情報がメインになります。'@ツイッターアカウント';各データの内容は適宜書き換えて下さい。ポイントは以下の通りです。」の箇所に吐き出されます。