*

フリースペースや商品説明はホームページ・ビルダーで効率的に作る

公開日: : 最終更新日:2016/08/08 ヤフーショッピング・作成講座

ヤフーストアのフリースペースや商品説明(PCのみ)のHTML部分は、1、2行なら、そのまま手書きすることもありますが、大掛かりなページを作る場合は、ホームページ・ビルダーを使うと効率的に作業が進められます。

あ、ネットショップやってるあんら、ホームページ・ビルダー(Dreamweaverとかでも良い)くらい買っときましょうね。HPBはバージョン20にもなってますが、たかだか12000円ほどです。楽できるんですから安いもんでしょう。

さて、今回は、画像です。ビルダーで作ったHTMLをフリースペースに貼り付ける際、画像URLをいちいちコピペでやっている人もいると思います。数が少ないとそれでも良いのですが、例えば、画像を50個使ったHTMLを作った場合、50回もコピペをすると疲れてしまいます。これは、一瞬で書き換える方法があります。

フォルダ分け

まず、前提として、パソコン上で作業をするわけですが、ヤフーストアで使う画像ファイルをひとつのフォルダに入れてください。上記のように、フリースペース用のHTMLと、画像用フォルダ「画像」です。自分のパソコン上での作業なので日本語で構いません。

これでHTMLを作っていきます。

完成した画像や写真は、「画像管理」から一括で登録しておきます。

ヤフーストアの商品写真以外の、「追加画像」のURLはすべて共通しています。

http://shopping.c.yimg.jp/lib/storeaccount/画像ファイル名.拡張子

この赤い部分です。

さて、ここからです。パソコン上で作ったHTMLの画像のURLは共通で「画像/image1.jpg」などになっています。このままフリースペースにコピペしても画像は表示されません。パソコン上のURLだからです。ヤフー用に変換する必要があります。

画像フォルダ

そこで、編集中のホームページ・ビルダーの「HTMLソース」タブをクリックして、HTMLの中身を表示させます

この「画像」というフォルダ名と「ヤフーストアの画像URL(共通部分)」を一気に入れ替えます。その機能が「置換」と言う機能です。ビルダーの「編集」→「置換」と進みます。

「置換」で一括差し替え

そして、次に出てきたウィンドウの中で、「置換する文字列」に「画像」、「置換後の文字列」に「ヤフーストアの画像URL共通部分(http://shopping.c.yimg.jp/lib/storeaccount)を入れます。そして「すべて置換」をクリックします。

すべて置換

これで、画像に関しては、ヤフーストア用のURLに一気に変換できました。

その瞬間。

ちなみに、画像にリンクを貼る際にも、商品ページ名と同じファイル名を置いておけば、リンク関係の作業もぐんと楽になりますね。

※関連
ヤフーストア作成講座2016


Adsense

関連記事

おすすめ本

yahoo!ショッピング等マニュアル本のオススメがない理由

何かを学んだり参照するときに、ネットを中心に情報収集する人と、本や雑誌などの紙媒体をまず入手しよ

記事を読む

トップページ

yahoo! shoppingレイアウトが3カラムの場合のトップページのHTMLの編集

幅950pxでレイアウトを3カラムにした場合、サイドナビ180px、スペース10px(✕2)、右側サ

記事を読む

CSV引っ越しは楽しい

ヤフーショップからショップサーブへの引っ越し方法

楽天からカラー・ミーショップ・プロ、カラー・ミーショップ・プロからヤフーストア、ヤフーストアから

記事を読む

体験談

ヤフーショッピングに出店してみた体験談。その結果は・・・

ありがちな、興味を引くタイトルですよね~。 もちろん、出店してみたのでアルにその体験談です

記事を読む

トップページ

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

ヤフーショッピングにかぎらず、トップページはお店の顔ですから「それなり」に作りこんでおきたいところ。

記事を読む

yahooトップテンプレート

yahoo! shoppingトップページ用HTMLテンプレート

yahooさんが用意してくれてもいいのに、無いのがトップページ用のカテゴリー一覧のテンプレート。無い

記事を読む

ヤフーショッピング出店失敗

ヤフーショッピング出店失敗は3タイプか

何をもって「失敗」とするのか?考えてみると3つくらいありそうです。 1.まったく売れなかった・

記事を読む

ヤフー出店

ヤフーショッピング出店の傾向と対策

ヤフーストア出店いいと思いますよ。出店無料だし、集客が見込めるし、初めて開店する場所の選択としては正

記事を読む

ヤフーショッピング自社サイトに埋め込む

自社サイトにヤフーショッピングを埋め込む方法

いくつか考えられるものを。 1つ目は、自社サイト内に商品ページが既にあって、そのページにヤフー

記事を読む

データ以降

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

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

記事を読む

Adsense

Adsense

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑