品質の低いコンテンツがサイト内に存在する場合、品質を高めることが最も望まれる対処だ。しかし、すぐには対処できない場合は、低品質ページを一時的に noindex にすることでサイト全体の評価に悪影響を与えないようにすることができる。
- 低品質コンテンツによる検索への悪影響はnoindexで回避できる、ただし一時しのぎ -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki
2017年3月11日（土）にベルサール神田で開催したCSS Nite LP51「Reboot Dreamweaver」のフォローアップとして、轟 啓介さん（アドビ システムズ）の『Dreamweaverに追加予定の機能と開発チームへの機能要望の出し方』セッションのスライドなどを公開します。
最後のセッションでDreamweaverの今後と機能要望についてお話したアドビの轟です。
Dreamweaverは昨年10月の2017年版リリースで多くの機能追加やUIのモダン化を行い、新たなステージに向かおうとしています。
セッションでご紹介した現在開発中の新機能「Gitサポート」は、BootstrapやSass/LESS対応に続き、モダンワークフローをDeamweaverで実現させるために不可欠だと思います。
その他にも「この機能があったら！」という声がたくさんあることを開発チームも理解しています。昨年設置した「UserVoice」というオープンフォーラムはどなたでも自由に機能要望やバグ報告、そしてそれら投稿に対する投票（Vote）ができるようになっています。
ぜひ、UserVoiceとSNSを使った「ヤシドリ作戦」も駆使して、みなさんの声を届けてみて下さい！
2017年3月11日（土）にベルサール神田で開催したCSS Nite LP51「Reboot Dreamweaver」のフォローアップとして、久保 知己さん（まぼろし）の『DreamweaverでSassを使うための勘所』セッションのスライドなどを公開します。
Sassセッションを担当しました、株式会社まぼろしの久保です。
長丁場にもかかわらず、ありがとうございました。
Sassをはじめて知った方には、難しい内容だったかもしれませんが、最初にSassはどういうものか、お話させていただきました。
CSSメタ言語は、CSSのセレクタを入れ子にしたり、変数を使って色を管理したり、プログラムのようなことがCSSでも可能になります。
そしてCSSプリプロセッサーは、CSSメタ言語からCSSにコンパイル（変換・出力）が行うためのプログラムであり、この役割をDreamweaver CC 2017でも行えるようになりました。
CSSプリプロセッサーの環境を構築するには、マウスを使わずに文字だけで操作するCLI（コマンドラインインターフェース）を使って構築するのが主流で、WindowsやMacのOSによって構築方法が異なります。
しかしDreamweaver CC 2017では、Dreamweaverをインストールするだけで、OSによって特殊な操作をすることなく、CSSプリプロセッサーの環境が構築されます。
そのため、これから触ってみる方や以前に環境構築で諦めた方も、簡単に導入できると思います。
ただ、現在のDreamweaverとCSSメタ言語の連携がうまくいっていない箇所も見られると思います。特に不満に思う部分や欲しい機能などは、Dreamweaverのユーザーボイスへ投稿するといいでしょう。ユーザーボイスで「Sass」を検索すると、すでにいくつも要望が上がっています。投稿するのは「ちょっと...」と思う方は、Voteボタンを押すだけでも要望に反映されます。Dreamweaverをもっと良くしていきましょう。
ありがとうございました。
スライドのコードは、プログラムのように書かれていますが、普通のCSSを書いても問題ありません。
一部、セレクタを入れ子にしたり、変数を使ってみることから始めるといいと思います。
はい。フォルダーが階層になっていても反映されます。
Dreamweaverは、CSSと連携する機能を使わない方であれば、Sassを利用しても問題ないと思います。
Sassライブラリを使いたい場合も、公式からダウンロードできますし、Sassそのものの機能は、すべて動作するの問題ありません。
私の場合、Sassの他にPostCSSなども連携して使っています。
そのためSassだけで作業が完結しないので、現在CSS周りは別のものを使っています。
使っているわけではないのですが、Bourbon v5ベータ版が気に入っています。
私は欲しいMixinsや関数などを自分で作ってしまうのですが、Bourbon v5はMixinsの作り方やどういったMixinsがあれば便利になりそうか、参考にさせてもらています。
Sassが誕生して、今年で10周年です。移り変わりの激しいWebの技術で、10年以上も使われている技術は多くありません。
現在は、Sassの他にPostCSSが新たに登場しています。完全にPostCSSに乗り換える方もいっらしゃいます。
しかしPostCSSをSassなどに置き換えるには、機能と文法、また開発者の思想によって、なり変わることは難しいと感じています。
私もSassとPostCSSを併用して使っていますが、現状Sassを切り捨てるのは考えられません。
CSSのあり方が大きく変わらない限り、この先もSassは重要であると思っています。
ベンダープレフィックスは、PostCSSのプラグインの1つであるAutoprefixerを利用するのが一番いいでしょう。Autoprefixerは、ベンダープレフィックスを記述せずに、そのままCSS3を書くだけで、指定したブラウザの対応バージョンに合わせて、ベンダープレフィックスを付与してくれるツールです。CompassやBourbon v4のようにベンダープレフィックスのためにMixinsを呼び出す必要がありません。
ただしDreamweaver CC 2017では、Autoprefixerに対応していないのすが、私の次のセッションだったAdobe 轟さんの「Dreamweaverに追加予定の機能と開発チームへの機能要望の出し方」で、Autoprefixer入ることが検討されているようなので、今後の機能追加に期待ですね。
CSSの速い書き方は「Emmet」ですね。
EmmetのCSSの書き方は、コードヒントで入力するよりも2倍のスピードで入力することができます。なぜならコードヒントは、プロパティと値を別々に入力するのに対し、Emmetはプロパティと値を同時に展開するからです。
Emmetについては、私が過去にAdobeの公式ブログで連載していた記事があるので、こちらをご覧ください。
Sassファイルが多くないのであれば、CSSファイルを分ける必要はありません。
もしCSSのパーツごとにSassファイルを区切っているのであれば、別ファイルの方が管理しやすいと思います。
私がDreamweaverのプレリリースから確認している限り、Sassの「ライブラリ」はバージョンが上がっています。
ただSassそのもののバージョンは、Sassの最新が適用されていないのでバージョンは上がっていませんが、将来的に上がる可能性もあると思います。
またDreamweaver上でのライブラリのバージョン確認は、[サイト設定]->[CSS プリプロセッサー]->[ライブラリ名]のインクルードパスに、ライブラリのディレクトリが書かれているので、ライブラリの本体ファイルから確認します。
Sassそのもののバージョンの正しい方法は、私にもわかりません。私がやっているのは、Sassのバグからバージョンを推測しています。
SassはCSSを出力するための元ファイルであり、Bootstrap Sassを使ったとしても、すでにたくさんのクラスがCSSに入っていれば編集できません。
2017年3月11日（土）にベルサール神田で開催したCSS Nite LP51「Reboot Dreamweaver」のフォローアップとして、松田 直樹さん（まぼろし）の『チームで使える！ ワークフローに効くDreamweaver+Bootstrap』セッションのスライドなどを公開します。
Bootstrapセッションを担当しました、株式会社まぼろしの松田です。
ご参加いただきました皆さま、長丁場、大変お疲れ様でした。
Bootstrapを利用してのワイヤーフレーム作成の提案、および、DremaweaverのBootstrap機能のデモを行いました。
Bootstrap自体はやはりコードのみの「CSSフレームワーク」ですので、コーダー・エンジニアを本業としてない方には馴染みが薄いかもしれません。
ただ、DreamweaverのBootstrap機能は本当に感覚的操作ができますから、デモでもご紹介したようにコードを書くことなくレスポンシブな複雑レイアウトを素早く実現することができます。ぜひ、ライブビューと挿入パネルから触れてみてください。
現時点では本実装には向かない機能ながらも、ここまで簡単にグリッドレイアウトを行えるのは魅力です。
ディレクター・デザイナーの方はぜひこのワイヤーフレームづくりを試してみてください。コーダー・エンジニアの方は周囲にこの手法を提案してみてください。
ワイヤーフレームの設計時点で「Bootstrapをどう使えばこのレイアウトが実現できるか」が考慮されていることは、デザインや実装への引き渡しをスムースにしてくれることでしょう。
DreamweaverもBootstrapもツールであり、手段です。すべての機能を把握しておく必要はありませんから、触って便利な部分、自分の業務に合う機能だけでも使ってみてはいかがでしょうか。
以上、ありがとうございました！
A. BootstrapのCSS（bootsrap.css）自体をカスタマイズしていない（class名を変更していたり）しない限り大丈夫です。Dreamweaverが勝手にスタイル等を書き換えることもないので問題ないはずです。
A. 現状、Sass版のBootstrapを気軽に取り込む方法がないので、Dreamweaverのせいですね。今後のアップデートに期待しましょう。
A. Museでワイヤーフレームを作る、という同様のことを行えますが、仕上がるHTMLがMuse独特のものであり、コーダー・エンジニアにとって読みやすい・理解しやすいものではありません。Bootstrapを使う利点はそこを解決できるということにあります。
A. HTMLを作っているだけなので、できあがったワイヤーフレームをブラウザで表示すれば、印刷やPDFとして出力するのは自由に可能です。
A. 個人的にはですが、大枠のページのワイヤーフレームには「Adobe Experience Design(XD)」を使用するのがオススメです。リピートグリッド機能がグリッドレイアウトの見た目を作るのにとても便利です。
レスポンシブでの挙動を確かめる部分にDreamweaverとBootstrapを利用しています。コードを直接書かれるのであれば、「Foundation」というフレームワークを使ってもよいでしょう。
2017年3月11日（土）にベルサール神田で開催したCSS Nite LP51「Reboot Dreamweaver」のフォローアップとして、北村 崇さん（TIMING DESIGN）、浅野 桜さん（タガス）の『いまどきのPhotoshopとDreamweaverとの連携』セッションのスライドなどを公開します。
皆さまお疲れ様でした。私自身、Webデザインをまだ全く知らない時に、初めて触ったのがDreamweaverでした。その時は私も「ドリームウェーバー」だと思い込んでいた内の一人です（笑）
今回はデータの作り方と考え方、そしてDreamweaverとの連携方法を短い時間の中でお話ししましたが、デザイナーとコーダーの連携はアプリケーション間だけではなく、コミュニケーション上でも大事だと思っています。
これを機に、「データの受け渡し方法」や「データ作りのルール」などを社内やチームで見直して、より円滑なワークフローを探して頂ければと思います。
コメント（浅野さん）Dreamweaverは初心者からベテラン、デザイナーからエンジニアまでさまざまなユーザーの業務に適応できるアプリだと改めて実感しました。
一方で、轟さんのセッションの"ヤシドリ作戦"で私のExtractへの要望をお見せしましたが、まだまだ改善点があるのも事実。今後もユーザー全員で盛り上げていければいいですね。
A.『Webデザイン必携。 プロにまなぶ現場の制作ルール84』
A.ルールが明確で、コーダーとの意思疎通に問題なければ、いいと思います。
A.手打ちですが、一括でレイヤー名を変更するスクリプト等もありますので、使ってみても良いと思います。 Group Layer Renaming
A.最後のBootstrapを使うデモはアドビで紹介されているワークフローを元に、簡潔な形へ変更してご紹介しました。手順の概要は以下の通りです。
A.今回ご紹介したサイズを変えながらの画像指定は、HTML5でのpicture要素などではなくBootstrapでのCSS実装になります。この点は新しい機能としてHTMLも是非追加して欲しいですね。
「プライムデー」の開催に向けて、従業員、ベンダー、セラー含めて数か月も前から準備を進めてきた。（配送に関しては）日本の配送でもどうすれば対応できるか準備をしてきた。
アマゾンジャパンは7月10日、Amazonプライム会員向けのセール企画「プライムデー」の開催を前に記者会見を実施。ジャスパー・チャン社長は「プライムデー」の事前準備についてこう強調した。
アマゾンジャパンの商品を地域限定配送する「デリバリープロバイダ」と呼ばれる配送事業者において、遅延が発生していたとされる問題について、ジャスパー・チャン社長は「遅延は解消した」と説明。
受注の急増が予想される「プライムデー」の配送に関し、事前準備を進めてきたことを強調した。
2017年のプライムデー開催国は合計13か国（中国、インド、メキシコ、日本、アメリカ、イギリス、スペイン、イタリア、ドイツ、フランス、カナダ、ベルギー、オーストリア）。
2016年に実施した「プライムデー」では、全世界で販売事業者による出品商品の注文数は前年比べ約3倍に拡大。2017年の「プライムデー」に登場予定の数量限定タイムセールのうち、世界で約40%が販売事業者による出品商品という。
Amazonはプライム会員数を公開していないが、米国の調査会社Consumer Intelligence Research Partnersによると、米国のプライム会員数は2017年3月時点で8000万人を超えているという。
インプレスのシンクタンク部門であるインプレス総合研究所が発売した新産業調査レポート『動画配信ビジネス調査報告書2017』の調査結果によると、日本のAmazonプライム会員への加入率は10.9%だった（Webアンケートによって3万2005サンプルから得た調査結果）。
総務省が発表した「平成28年版 情報通信白書」による2015年末のインターネット利用者は1億46万人のため、単純換算では、ネット利用者のうち1000万人程度がAmazonプライム会員という計算になる（ネッ担編集部推計）。
『週刊東洋経済』とインターネットアンケート・サービス「NTTコム リサーチ」が共同で実施した「Amazonの利用に関する調査結果」によると、有料会員制度「Amazonプライム」の加入率はAmazon利用者の16.6％だった。
※このコンテンツはWebサイト「ネットショップ担当者フォーラム」で公開されている記事のフィードに含まれているものです。
オリジナル記事：Amazonプライムデーの配送対応は「数か月前から準備」、アマゾンジャパン社長が言及
Copyright (C) IMPRESS CORPORATION, an Impress Group company. All rights reserved.
SNSを「見るだけで情報を発信しない」20～30代女性のうち、SNSに流れてきたコンテンツがきっかけで商品を購入したり、イベントに参加したりした経験を持つ割合は約7割だった。
マーケティングやPRの支援を行っているトレンダーズが6月13日に公表したSNSユーザーに対する意識調査で、SNSのコンテンツが消費者の購買行動に一定の影響を与えている実態が示された。
SNSで閲覧頻度は週に１回以上、発信頻度は月に1回以下の「見るだけで発信しない」20～30代女性1000人を対象に、SNSで閲覧した情報をきっかけに物を買ったり、イベントに参加したりした経験の有無を聞いた。その結果、「SNSをきっかけに物を買ったり、イベントに参加したりした経験」が「ある」と回答した割合は65％を占めた。
どのような情報を見たときに新商品や新サービスを購入するきっかけが生まれるかについて、選択式の複数回答で質問したところ、上位2項目は「友人や知人のオススメ投稿」（49％）「芸能人・著名人のおすすめ投稿」（34%）。知人や有名人のクチコミが強い影響力を持つ傾向が示された。
一方、「企業公式アカウントの投稿（他人からシェアされた投稿を含む）」は24％、「ニュースメディアアカウントの記事投稿（他人からシェアされた投稿を含む）」は14％。
SNSを見るだけで情報を発信しない女性が商品の購買にあたり心を動かされる投稿内容は、「おしゃれ・かわいい・面白い『画像』」が54％、「コスパのよさや時短術など『生活に役立つこと』」が50％、「使い方などを紹介する『動画』」が33％。
SNSで情報を得て商品を購入する場合、「１回あたりどのくらいの金額ならすぐに購入できるか」を質問したところ、ファッションは平均4802円、化粧品は平均3144円、食料品は1931円となり、ジャンルごとに差がついた。
今回の調査結果についてトレンダーズは、SNSを見るだけで情報を発信しない女性ユーザーは「料理や美容といった生活のための情報収集ツールとしてSNSを活用している」と指摘。そうした女性ユーザーの心を動かすには、情報に「おしゃれさ」「面白さ」の要素を盛り込み、「きれいな画像」「お得な情報」を意識する必要があると分析している。
※このコンテンツはWebサイト「ネットショップ担当者フォーラム」で公開されている記事のフィードに含まれているものです。
オリジナル記事：「ソーシャルきっかけで商品購入」は65%、SNSを“見るだけ”のユーザー
Copyright (C) IMPRESS CORPORATION, an Impress Group company. All rights reserved.
渡部 和章（わたなべ・かずあき）
新聞社で約7年半、記者を務めた後、2015年に編集プロダクションのライトプロを設立して代表に就任。編集者兼ライターとしても活動中。
趣味は料理と漫画を読むこと。東京都在住。1983年生まれ。
Windows95が発売され、一般家庭にインターネットが急速に普及し始めた90年代後半、家電量販店や大手メーカーなどが次々と通販に参入した。楽天市場やYahoo!ショッピングといった大手ECモールも誕生し、ネット通販が急速に広がっていく。
リアル店舗を持つ大手小売りや、食品業界や製薬業界の大手メーカーによる通販参入が相次いだ。1995年にソフマップ、翌96年には石橋楽器店やアサヒビール薬品販売（現アサヒフードアンドヘルスケア）、タワーレコードなどが、97年以降は味の素、ヨドバシカメラ、カゴメ、小林製薬、ノジマなどが通販を開始している。
95年3月、米国でYahoo!が設立され、7月にAmazon.comがサービスを開始した。翌96年には日本でヤフー株式会社が、98年にアマゾンジャパン株式会社がそれぞれ設立され、日本事業を本格的に開始していく。
ちなみに日本初のネットショップはというと、93年に広島の家電量販店のデオデオ（エディオングループ）が洋書を販売したのが最初だという説があるが、翌94年、エーデルワイスファームが日本で初めてネットで商品を販売したとしてNHKから取材を受けたという。また同年10月には、讃岐のうどん本陣山田屋もオープンしている。
当時は大手企業を中心に、単独で通販サイトを開設する動きが広がり始めていた。そうした中、1997年5月に出店型のECモール「楽天市場」がオープンする。当時、エム・ディー・エム（現、楽天）の従業員は6人、楽天市場の出店数は13店舗、サーバー1台での船出だったという。
98年7月には「楽天スーパーオークション」（楽天オークションを経て現在はフリマアプリ「ラクマ」に移行）を開始し、オークション事業にも参入した。
楽天を創業した理由について三木谷浩史社長兼会長は、自身が監修した書籍でこう振り返っている。
日本興業銀行（現、みずほフィナンシャルグループ）を1997年に辞め、楽天を創業したことについて、なぜ決断できたのかと人から尋ねられることがある。いま思えば、当時の自分にはインターネットが世の中を大きく変えていく、という確信があった。ネットショッピングやメディアといった領域ごとに起こる変化にとどまらず、インターネットは世界の新しいインフラとして物事のすべてを覆い、完全に情報の流れを変化させるだろうという確信だ。そこから事業として思いついたのが「店舗主体のショッピングモール」であった。
─『ヒューマン・コマース グローバル化するビジネスと消費者』（発行：KADOKAWA、2014年）より
99年には「Yahoo!ショッピング」と「Yahoo!オークション」がオープンした。
同じく99年にディーエヌエー（DeNA）が創業、オークションサイト「ビッダーズ」を開設。ビッターズはDeNAショッピングを経て、現在KDDIコマースフォワードが運営する「Wowma!」へと姿を変えている。
大手ECモールやオークションサイトの誕生により、ネット通販事業者は加速度的に増えていった。
1998年3月に佐川急便が宅配事業「佐川急便（現、飛脚宅配便）」を開始した。翌年には冷蔵配送サービス「飛脚クール便」のトライアルにも着手し、全国展開を開始した。
1976年にサービスを開始したヤマト運輸の宅急便に続き、佐川急便も宅配サービスを開始したことで、通販の配送インフラはより強固なものとなっていく。
1999年にはEストアーがホームページにショッピングカート機能を組み込めるサービス「ストアツール」の提供を開始。自社ECサイトを簡単に開設できるようになり、ECの裾野はさらに広がっていった。
※このコンテンツはWebサイト「ネットショップ担当者フォーラム」で公開されている記事のフィードに含まれているものです。
オリジナル記事：日本にネットショップが生まれた1990年代後半。楽天市場やYahoo!ショッピングも誕生 | 通販の歴史
Copyright (C) IMPRESS CORPORATION, an Impress Group company. All rights reserved.
渡部 和章（わたなべ・かずあき）
新聞社で約7年半、記者を務めた後、2015年に編集プロダクションのライトプロを設立して代表に就任。編集者兼ライターとしても活動中。
趣味は料理と漫画を読むこと。東京都在住。1983年生まれ。
アスクルが運営する日用品ECサイト「LOHACO（ロハコ）」の2017年6月期における売上高は、前期比18.8%増の390億1600万円だった。2月に発生した物流倉庫火災の影響で2月以降の売り上げが激減。増収率が鈍化し、売上高は期初計画の480億円を約90億円下回った。
マーケットプレイス型の販売、1時間単位で受け取り時間を指定できる配送サービスを首都圏など一部地域で提供、テレビCMの放映や積極的な販売促進策による新規顧客の獲得――などに取り組んだ。
2016年9月にマーケットプレイス型の販売形態を導入し、ファッションカテゴリの販売ページを開設。約30万点の商材をそろえ、「ロハコ」の取扱商品数を従来比2.5倍の約50万点に増やした。仕入れ販売と出店型販売を組み合わせることで商品カテゴリの種類と取扱商品数の拡充を図っている。
朝6時から深夜0時まで、1時間単位で商品の受け取り時間を指定できる「HappyOnTime」を2016年8月に東京と大阪の一部地域で開始した。
配達前日の夜間に「LOHACO」のアプリを通じて配送時間を30分単位で顧客に知らせ、到着直前にもアプリでプッシュ通知。顧客の利便性向上に加え、再配達削減にも役立っているという。「HappyOnTime」の対象地域は2017年7月現在、東京10区と大阪7区。
2017年2月、「LOHACO（ロハコ）」の東日本エリアにおける物流拠点「ASKUL Logi PARK 首都圏」（埼玉県入間郡三芳町）で火災が発生し、出荷能力が失われたことで第4四半期（2017年3～5月期）の売上高が激減。その結果、2017年5月期の売上高は期初計画を約90億円下回ったほか、増収率は2016年5月期と比べて45.9ポイント低下した。
今期は買収や業務提携を通じて業績拡大をめざす。2017年5月にペット用品EC大手のチャームを7月3日付（発表時点）で完全子会社化すると発表。7月3日にはセブン&アイホールディングスとの業務提携を発表し、セブングループの通販サイト「オムニ7」との相互送客や物流の共通化を打ち出した。セブングループとの協業の一環として、2017年11月をめどに生鮮食品ECも開始する計画だ。
2018年5月期の「ロハコ」の売上高計画は前期比16.6%増の455億円に設定した。「ロハコ」と「チャーム」を合計したBtoC事業の売上高は同39.7%増の545億円を計画している。
※このコンテンツはWebサイト「ネットショップ担当者フォーラム」で公開されている記事のフィードに含まれているものです。
オリジナル記事：「ロハコ」の売上高は18%増の390億円、火災の影響で伸び率は鈍化
Copyright (C) IMPRESS CORPORATION, an Impress Group company. All rights reserved.
渡部 和章（わたなべ・かずあき）
新聞社で約7年半、記者を務めた後、2015年に編集プロダクションのライトプロを設立して代表に就任。編集者兼ライターとしても活動中。
趣味は料理と漫画を読むこと。東京都在住。1983年生まれ。
Google は先日、構造化データを解説するデベロッパー向けサイトに大幅な更新を加えた。この記事では、変更があった部分として2つ紹介する――リッチカードからリッチ結果へ・技術ガイドライン。技術ガイドラインでは、リッチスニペットが表示されない原因として「検索履歴や検索場所、デバイスの種類など」を追加した。
- 検索履歴や検索場所、デバイスの種類によってリッチスニペットが表示されないことがある!? -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki
Web担当者Forumの連載コーナー、「海外&国内SEO情報ウォッチ」を更新。今週は、『MFIで検索トラフィックを減らさないために最低限チェックすべき4つのポイント』、『AMPとPWAで成功を収めた日本のECサイト事例』、『パンダアップデートによる低品質評価を解決する唯一の方法とは？』など10記事+2記事。
- MFIで検索トラフィックを減らさないために最低限チェックすべき4つのポイント【海外＆国内SEO情報ウォッチ】 -
Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki
