Twitter へのシェアボタンを設置する（ソーシャル連携機能活用術 - その1）

TypePad ビジネスではたくさんのソーシャル連携機能を実装し、このTypePad ビジネスブログではその利用方法などを紹介してきました。

便利な機能の数々ですが、最近使いはじめたばかりでまだ TypePad ビジネスの機能をよく知らない、という方のために、過去に紹介したソーシャル連携機能をあらためてご紹介したいと思います。

まずはこちら…

フィードを利用してまとめページを作成する

こんにちは、TypePad ビジネスチームです。
今回は、TypePad ビジネスのブログで自動的に出力しているフィードを利用して「まとめページ」を作成する方法をご案内します。

zenback BIZ 連携機能を使った標準テンプレートへのウィジェット設置

ブログやサイトのソーシャルメディア最適化をさらに促進

今回の TBB では 2011年6月度の月例リリース で搭載された「zenback BIZ 連携機能」を使って、実際に標準テンプレートで構築されているブログの記事フッターに zenback BIZ ウィジェットを設置するまでの手順をご紹介します。

シックス・アパート製品同士シームレスに連携された利点を活かすことで、現在ご利用いただいている TypePad ビジネスへのソーシャルメディア最適化（SMO）施策をさらに一歩おしすすめてください。

カスタムテーマで記事やサイドバーの横幅を変更する方法

カスタム CSS を活用して段組みレイアウトをより柔軟に設定

今回は「TypePad ビジネス活用術紹介レクチャー」でいただいたご質問の中から、カスタム CSS を活用した「カスタムテーマで記事やサイドバーの横幅を変更する方法」をピックアップしてご紹介します。

• 変更手順
• 2列（左サイドバー）の場合
• 2列（右サイドバー）の場合
• 3列の場合
• 3列（右サイドバー）の場合
• 1列の場合
• 各要素に関する補足事項
• 注意事項
• 関連ナレッジベース

カスタムHTML機能を利用したサイドバー装飾方法

標準テンプレートのサイドバーを自由にカスタマイズ

2011年5月の月例リリースで追加された新機能「カスタム HTML」を利用すると、ブログのサイドバーへ自由に HTML を設置することができます。

HTML を挿入することで、企業のロゴ画像を表示したり、リンク集、自己紹介、サードパーティから提供されているブログパーツやウィジェットなどを表示することができます。

そこで今回の TBB では、カスタムHTMLの具体的な利用方法についてご紹介していきます。

Googleカスタム検索を利用してブログにサイト内検索を設置

サイト内検索を設置し、過去の記事をもっと発見しやすく

今回利用する Google カスタム検索（beta）は、サイトに合わせてデザインを変更したり、上級者テンプレートを利用することで検索結果ページを自分のブログ内に設置できるなど、柔軟なカスタマイズが可能な無料のサイト内検索サービスです。

まずはこの TypePad ビジネスブログ の右上をご覧ください。

このように、「ブログの右上に検索ボックス」を設置し、「記事の上段に検索結果」を表示するまでの手順をご紹介します。

注意点

• この方法を利用するためには、上級者テンプレート を利用している必要がります。
• 上級者テンプレートを利用せずに検索ボックスを設置する方法については ブログにサイト内検索を設置する方法 を参照ください。
• Google カスタム検索（beta）はベータ版のため、以下で紹介している画像とは異なる画面となっている場合があります。
• 無料で利用できるのは[スタンダード エディション]のみです。
• 今回ご紹介するサービスについての利用条件や規約、サポート内容については提供会社が提示する内容をご確認ください。

オリジナルロゴを追加 - 新テーマ「ニュースペーパー」「フォトウォール」をさらにカスタマイズ

標準テーマを維持したままオリジナリティを演出

 昨日（2011年2月22日）ベータ版として公開した新デザインテーマ「ニュースペーパー」と「フォトウォール」に、標準テーマのまま（上級者テンプレートに変換せず）さらにカスタマイズして利用するためのTIPSとして、サイト上段の共通ヘッダーにオリジナルのロゴを追加する方法をご紹介します。

Google Font APIを使ってフォントを変えてみよう

文字装飾にWebフォント（Webfonts）を活用

今回の TBB では、無料のWebフォント（Webfonts）サービスである「Google Font API（Beta）」を使って、ウェブコンテンツ（ブログやホームページ）に表示させるフォントの種類を変更する方法をご紹介します。

通常、特殊なフォントを使ってデザインする場合、適用させるコンテンツのテキスト部分のみを画像に変換してアップロードする必要がありますが、Webフォントを使えば、手軽に、簡単にフォントの種類を変更することができます。

しかもWebフォントを使うことで、表示するクライアント側にインストールされていない種類のフォントも指定することができるうえに、たとえ Webフォントに対応していないブラウザであっても標準フォントに自動代替されて表示されます。

もちろん文字装飾後もテキスト情報が維持されるので、検索エンジンのクローラーからも文字列として認識されます。実装ステップも少ないので、ご興味ある方はぜひトライしてみてください。

※ この記事は実際にWebフォントを利用して執筆しています
※ 一部Webフォントに対応していないブラウザでは表示されません
※ 現在 Google Font API では英字フォントのみが提供されており日本語には適用されません
※ 今回紹介するサービスの利用規約ならびにサポート条件、登録商標などについては各サービス開発元が掲示する内容に依拠します

概要（記事の要約）を記事ページのMeta Descriptionに反映

今回の TBB では、TypePad ビジネス の 上級テンプレート を使って構築しているブログの中で、記事の概要（要約）として入力したテキストを、記事ごとに固有（ユニーク）な Meta Description（メタタグ）として反映させるための TIPS をご紹介します。

SEO（検索エンジン最適化）施策の一つとしてぜひ取り組んでみてください。

• TypePad ビジネスの仕様
• head-common をコピー
• head-individual にペースト
• Meta Description の定義を編集
• 概要テキストが Meta Description に反映された様子
• Google の検索結果に Meta Description が反映された様子
• 補足：キーワードを Meta Keywords に反映する方法

タイプリストの便利な使い方

TypePad ビジネスには、タイプリスト という機能があるのをご存知でしょうか？
タイプリストとは、サイドバーに以下のような項目を簡単に追加できる機能です。

• 友達のブログやサイトへのリンク
• お気に入りや欲しい本、音楽のリスト
• アフィリエイトやソースコードを貼り付けるだけで動作するタイプのブログパーツ