AmebaOwnd(アメーバオウンド)の使い方:サイト作成手順を徹底解説

AmebaOwnd(アメーバオウンド)でWEBサイトやブログを作成する手順をゼロからわかるように解説していきます。

AmebaOwndがどんなサービスなのかよくわかっていない方は先にこちらの記事をお読みください。

画期的なサイト&ブログ制作ツールAmeba Ownd(アメーバオウンド)とは:できることを解説

はじめに:デモサイトの紹介
事前準備

これだけは先に決めておこう

初期設定

会員登録
URLの選択
テンプレートを選択
サイトを確認してみよう

ページ作成
ヘッダー設定
サイト情報設定
独自ドメイン設定
プラン変更
ページ作成
サイドバー作成
記事レイアウトの設定
カテゴリーの設定
記事を制作・投稿して完成!
まとめ

デモサイトの紹介

WEBメディア交易所の編集部がAmebaOwndで作成したデモサイトがこちらです。一つの例としてご参照ください。

事前準備

決めることリスト

URLの文字列: ※既に使われている可能性も考慮し、3つほど候補を出しておいてください。また、独自ドメインを取得する場合はこちらの文字列も考えておきましょう。
サイトタイトル
サイトの紹介文: ※トップページのメタディスクリプションとなります(解説は下)。
ページの文章: ※お問い合わせや運営者情報といった記事以外のページに使用する文章です。

これらを作業しながら考えると手が止まってしまって効率が悪くなるので、先に準備しておくことをお勧めします。

メタディスクリプションとは

検索結果に表示されるサイトの紹介文。

初期設定

ここからいよいよサイトを作成していきます。はじめにトップページへ移動してください(以下のボタンから簡単にアクセスできます)。

AmebaOwndトップ

1.会員登録

移動方法

トップページ→「無料でホームページを作成」→サイトを作る

はじめに会員登録を行います(登録手順は割愛させていただきます。※メールアドレスを使ったごく一般的な登録方法なので簡単です)。

利用できるアカウント

アメーバID
Yahoo!Japan ID
Twitterアカウント
Googleアカウント
フェイスブックアカウント
mixiアカウント
楽天会員ID

どのアカウントを利用しても違いはないため、お好きなアカウントを使って登録すればOKです。

2.URLの選択

移動方法

会員登録&ログイン後自動で表示

サイトで使用するURLを決定します。後から変更できない部分なので設定は慎重に行いましょう。

独自ドメインを使う方も、まずは用意されたサブドメインを設定してください(独自ドメインは後で設定します)。

3.テンプレート選択

移動方法

URL決定後自動で表示

はじめに作成するサイトの種類をホームページとブログの二択で聞かれます。

※画像ではブログを選択しています。

先程の質問に答えると選んだほうのテンプレートが一覧表示されるので、ここからお好きなテンプレートを選択しましょう(プレビューも可能です)。

選択方法

テンプレートをクリック→このデザインで始める

テンプレートは後から変更することも可能です。

豆知識

画面右上の「ブログ/ホームページ」と書かれたボタンを切り替えることでブログとホームページのテンプレート一覧を行き来できます。

4.サイトを確認してみよう

テンプレートを選択すると以下の画像のようなページへ移動するので、ここからサイトを確認してみましょう。

確認方法

サイトを確認をクリック: 中央の太い赤線の下に表示されています(初期状態ではサイト名が登録したアカウントの名前になっているため隠しています)。

表示例

今はページや記事がゼロなので上の画像のような味気ないサイトです(画像のテンプレートはSpunu)。

これで初期設定は完了したので、続いてサイトのページ作成にお進みください。

ページ作成

続いてサイト情報の設定とコンテンツの作成を行います。

この先の「場所」は管理画面左サイドバーのメニュー上の場所を示しています。

1.ヘッダー設定

場所

デザイン変更

ヘッダーに表示するロゴ画像、サイトの配色、フォントの3つを設定します。

配色の設定: テンプレートごとに用意されているいくつかの色のセットから選択しましょう。
フォントの設定: 複数の選択肢の中から書くテンプレートに適したものがフォルトで設定されています。変えたい場合はここから選択しましょう。
ロゴ画像の設定: ロゴ画像を自作して設定する必要があります。Cnava(キャンバ)という無料サービスを使えば簡単に作成できるのでこちらがおすすめです。
使い方はこちらのサイトで詳しく解説されています。

2.サイト情報設定

「基本設定」と「SEO」設定の2か所にサイト情報を設定します。SEO対策なので必ず行ってください。

2-1.基本設定

場所

設定→基本設定

画像にはすべての項目が写っていないので注意してください(下にスクロールすると表示されます)。

設定項目

サイト名: デフォルトではアカウント名になっているので、使用するサイト名に変更してください。
サイト説明: はじめに考えたサイトの説明文を記載してください。
コピーライト: 空欄の場合はサイト名が反映されます。サイト名以外のものを設定したい場合のみ、表示したい言葉を入れてください。
サイトアイコン: ブラウザのタブやブックマークに表示されます。
カテゴリ: AmebaOwndのサイトデータベースにて反映されるサイトのカテゴリーです。
アクセス: 表示する連絡先と住所を設定できます(企業&店舗向け)。
コメントの設定: 受け付ける(自動承認)か受け付けないかの2択です。

独自ドメインの設定方法は別の項目で解説しています。

2-2.SEO設定

場所

設定→SEO設定

設定項目

サイトタイトル: 検索結果に表示されるサイトタイトルです。「基本設定」で設定したものと同じでOKですが、上位表示したいキーワードを含めたものに変更することをお勧めします。
メタディスクリプション: 「基本設定」の「サイト説明」と同じでOKです。
SNSシェア用のサイト画像: SNSでシェアされたときにURLと一緒に表示されます。
検索エンジンを回避: 必ず空欄のままにしておきましょう。チェックを入れるとサイトが検索結果に表示されなくなります。

SEOタイトル設定例