*

トップページの編集手順について考え中

公開日: : 最終更新日:2015/05/06 ネットショップの作り方, ヤフーショッピング・作成講座

ヤフーショッピングにかぎらず、トップページはお店の顔ですから「それなり」に作りこんでおきたいところ。つも自己流でやってますが、改めて、どうやって編集すれば効率的なのか考えてみました。

ステップは4

(1)デザインイメージ
(2)画像作成
(3)画像アップロード
(4)HTML編集

(1)どんなトップページにするか考えます。ま、考えるより他店を見て回って「このようにしたい」というのがあれば、それをそっくりそのまま、作ってしまうのが楽です。ただし、高度なことをやっているお店もあるので、できるだけシンプルなお店を選ぶのがコツです。

そも難しいなら、とりあえず、次のようなレイアウトで良いでしょう。

トップページ

(2)イメージでもデッサンでもできたら、次は画像を作成。

フォトショップなどで、トップバナーを幅720で縦は適当で作成します。「top-banner7.jpg」など、見てわかるようなファイル名にすると、整理しやすくなります。

(3)完成した画像を、ストアクリエーターproの「画像管理」→「追加画像の+」→「パーツ」と進んでアップロードします。登録が完了すると、画像それぞれの「URL」が割り当てられるので、それをメモ帳などにコピペしておきます。

(4)今回のレイアウトはシンプルなので、画像を改行して並べる方法もありますが、カテゴリーの画像のスペースが不自然になるので、できれば「table」タグで適切にレイアウトしたいですね。

<img src=”トップバナー”><br><br>

<table><tr><td>(Tシャツ画像とリンク)</td><td>(パンツ画像とリンク)</td><td>(キャップ画像とリンク)</td><td>アクセ画像とリンク</td><tr></table>

後は、tdの幅(width)を使って画像間のスペースを調整すればOK。

ちなみに、複雑なレイアウトになってくると、タグを手打ちするのは大変になるので、ホームページ・ビルダーを使います。HTML編集ソフト」といいますが、フリーソフトもあるので、まだ入手していない場合は入手しておいたほうが良いでしょう。

いや~普段やってることを文字で説明すると大変ですね。動画で喋りながら解説したほうが楽かも知れません。

※バナー素材はショップサーブ素材集からお借りしました。

Adsense

関連記事

ランディングページの作り方

ランディングページの作り方は2種類!?

ランディングページの作成で3時間格闘しました。 「ランディングページの作り方」と検索すると、い

記事を読む

マグカップ

画像検索対策が手薄な店が多いみたい

商品を探すときに画像検索を使う人も多いと思います。でも、その画像検索の結果を見ても、同じような写真ば

記事を読む

ヤフー解約

ヤフーショッピング解約の手続き方法

無料化になったのに、「ヤフーストアの契約解除をしたい。」「退店したい」という人や企業も多いようです。

記事を読む

plala

ぷらら等プロバイダーの無料HPでのネットショッピングが危険な理由

自宅やオフィスの固定電話を使ってインターネットサービスを使う場合、必ず、プロバイダーという通信事業者

記事を読む

掲示板

掲示板を使う文化はとっくに終焉を迎えていた。

昔は「ホームページを作ったら掲示板(BBS)を付けましょう。」といったルールがありました。 け

記事を読む

モバイルフレンドリー

スマホ最適化しないと検索ランクに影響

本来は公開しないことを公開しましたね。Google。 「PCサイトだけじゃだめよ。スマホやタブ

記事を読む

LPOの復習

ウェブ担当者は効果的なランディングページが作れること

ランディングページを作るのは、ほんと難しいですね(泣)。 もう、効果的なランディングページを作

記事を読む

得策

どこでネットショップを作るのが得策?

得策とは、うまいやり方のことですが、この質問は難しいですよね~ 商品の特性や価格帯など、諸々の

記事を読む

データ以降

独自サイトの商品をヤフーショッピングに掲載する方法

独自サイトをどのような形式で構築しているかによってデータ移植作業の時間は変わってきそうです。ショップ

記事を読む

yahoo! shopping ヘッダーの作成

「ストアデザイン」→「看板」(←ヘッダー画像のこと) 全体の設定で入力したお店ページの幅(9

記事を読む

Adsense

Adsense

ショートカット
企業の通販部門は急がば回らない。その道のプロを頼ってショートカットを。

趣味で習い事をしている人も多いと思いますが、何かを始めるときに「その道

ネットマーケティング
実店舗ビジネスもホームページにFBにInstaにとネットマーケティング全開

「美容室を開業した。ホームページを作った。」 以前は、実店舗のホ

儲かるネットビジネス
儲かるネットビジネス見っけ

儲かる(たぶん)ビジネス見っけました。 それは、ずばりフォー

セレクトショップ開業
リアル(実店舗)のセレクトショップ開業方法について

リアルのビジネスを始めようと思ったとき、誰もが、まずはネットで情報

検索キーワードは検索ユーザーとの対話
検索キーワードはユーザーとの対話

GAのオーガニック検索のキーワードの取得がほとんどできなくなって久しい

→もっと見る

PAGE TOP ↑