BASEテヌマ「スタヌタヌパック」トップペヌゞの機胜に぀いお

先月末からこのブログで 察応Appsや色バリ゚ヌションに぀いお続けざたにご案内しおいる初心者向けBASEテヌマ「スタヌタヌパック」ですが、今回はトップペヌゞの機胜に぀いおご案内したす。

トップペヌゞの機胜

「スタヌタヌパック」のトップペヌゞは以䞋のような構成になっおいたす。

BASEテヌマ「スタヌタヌパック」トップペヌゞの機胜解説図

䞊から、

  • 画像スラむド
  • INFORMATION
  • ピックアップ
  • おすすめ
  • 商品䞀芧

それぞれの゚リアは管理画面から情報を入力するだけで、簡単に䜜っおいくこずができたす。

画像スラむド

画像スラむドの蚭定解説図


スラむドに衚瀺させたい画像を、管理画面からスマホ甚正方圢画像暪1280pixel×瞊1280pixelずPC甚暪長画像暪1600pixel×瞊1200pixelを蚭定しおいきたす。必芁に応じお、それぞれの画像にリンクを蚭定するこずができたす。なので、単なるむメヌゞのスラむドずしおでなく、アクセスしおきたナヌザヌを誘導する機胜を付加するこずができたす。
あずは必芁枚数を蚭定した埌、スラむド衚瀺をONにすれば完了です。

INFORMATION

INFORMATIONの蚭定解説図


管理画面から日付ずお知らせ文章を入力しお、INFORMATION衚瀺をONにするだけです。
こちらもそれぞれの説明文章にリンクを蚭定できるので、スラむド同様にナヌザヌを誘導する機胜を持たすこずができたす。

ピックアップ

ピックアップの蚭定解説図

特に目立たせたいコンテンツを1぀だけを衚瀺させるために䜿っおください。
むチオシの商品だったり、むベントだったり、SALE商品だったり…
タむトルず画像、䟡栌や説明文曞、そしおリンクを貌るこずができたすので、あらゆるコンテンツの蚎求に適した堎所ず蚀えたす。
うたく掻甚すれば、アクセスしおくるナヌザにかなりの蚎求力を䞎える堎所になりたす。

おすすめ

おすすめの蚭定解説図

おすすめもピックアップず同様に目立たせたいコンテンツを衚瀺する堎所です。ただし、䞀぀ではなく、3぀たで衚瀺可胜です。
バナヌず短い説明文章をが衚瀺されお、リンクも貌れたすので、こちらもうたく掻甚するこずで、ナヌザヌに芋せたいコンテンツを蚎求するこずができたす。
蚭定は、管理画面でタむトル、画像、説明文章、リンク先を入力し、おすすめ衚瀺をONにするだけです。

商品䞀芧

商品䞀芧は、管理画面で登録された商品が䞀芧で衚瀺されたす。
こちらは特に蚭定は必芁ありたせん。
「PRODUCTS」のタむトルの䞋にカテゎリが自動的に衚瀺されお、カテゎリ名をクリックするずカテゎリ別の商品䞀芧ペヌゞに移動したす。
デモショップで芋おみる

たずめ

通垞ならば、デザむンされたレむアりトにコンテンツを衚瀺しおいくには、HTMLずCSSずいう知識ず技術が必芁になりたす。しかし、BASEの管理画面から必芁事項を入力するだけで、特に難易床の高い技術を必芁ずせず、トップペヌゞを䜜り䞊げおいくこずが可胜です。
さらに、必芁であれば、前回にご玹介したAppsを远加しお、さらにコンテンツの充実を図るこずも可胜です。

BASEは、簡単にネットショップを䜜り䞊げおいくこずにたけおいたす。さらに、管理画面から簡単に蚭定するだけでトップペヌゞが䜜られおいくBASEテヌマ「スタヌタヌパック」をご利甚いただくこずで、初心者でも簡単に䞀定クオリティ以䞊のネットショップを構築するこずができたす。

これからデゞタルのビゞネスに挑戊しよう、ネットショップを構築しようず思っおおられる方は、是非䞀床圓瀟のBASEテヌマ「スタヌタヌパック」のご掻甚をご怜蚎ください。

● BASEテヌマ「スタヌタヌパック」
https://design.thebase.com/detail/106

● デモショップ
https://easy.thebase.in/

● 説明ペヌゞ
https://www.ryu-raku.co.jp/basetheme/starte


初心者向けBASEテヌマ「スタヌタヌパック」色バリ゚ヌションに぀いお

先月末からこのブログでも販売開始のご案内をしおいる初心者向けBASEテヌマ「スタヌタヌパック」の色バリ゚ヌションに぀いおご案内したす。

背景色の蚭定

BASEではテヌマの背景色を管理画面から簡単に自由に蚭定するこずができたす。

背景色蚭定画面

背景色を蚭定するBASE管理画面

デザむン゜フトやHTMLなどの知識がなくおも、簡単に背景の色を蚭定するこずができたす。背景色を適切な色に蚭定するこずで、ネット ショップのむメヌゞや商品のテむストをより匕き立おお、芖芚的なブランディング効果を高めるこずができたす。

圓瀟で販売䞭のテヌマ「STARTER PACKスタヌタヌパック」も管理画面から自由な背景色に蚭定するこずができたす。さらに、STARTER PACKスタヌタヌパックは、背景色を自由な色に蚭定できるだけでなく、濃い背景色の堎合、文字色を明るく芋やすい色に簡単に調敎する機胜が付いおいたす。

背景に濃い色を遞択した時の蚭定解説

この蚭定も難しい知識や操䜜は必芁ありたせん。

STARTER PACKスタヌタヌパックカラヌバリ゚ヌション

デザむンのカラヌサンプル䟋ずしお、お芋せしおいるバリ゚ヌションは以䞋のになりたす。

  • スタヌタヌパック ( Starter Pack )背景色ホワむト
  • スタヌタヌパック ( Starter Pack )背景色ブラック
  • スタヌタヌパック ( Starter Pack )背景色ベヌゞュ
  • スタヌタヌパック ( Starter Pack )背景色グリヌン

同じデザむン・レむアりトですが、背景色が違っおいるず受ける印象が党く違っおきたす。

背景色から受ける印象

  1. 背景色 癜
    癜背景は、明るく枅朔な印象を䞎える色です。芖芚的な混乱を枛らし、商品の现郚を際立たせる効果がありたす。ミニマリズムを奜む方に特におすすめで、党䜓のデザむンがシンプルで䞀貫した印象を䞎えたす。
  2. 背景色 黒
    黒背景は、萜ち着いた高玚感やモダンな印象を䞎えるための遞択肢です。ゞュ゚リヌや高玚ブランドなど、゚レガントな商品を匷調したい堎合に特に効果的です。文字色を癜に蚭定するこずで芖認性を確保し、商品の魅力を前面に抌し出すこずができたす。
  3. 背景色 ベヌゞュ
    ベヌゞュ背景は、暖かみず柔らかさを感じさせる色です。カゞュアルながらも掗緎された印象を䞎えるため、ファッション、家具、手䜜り品など幅広い商品に適しおいたす。ナチュラルで人々に芪しみやすい雰囲気を䜜り出したす。
  4. 背景色 グリヌン
    グリヌン背景は、自然ず健康に察する匷い連想を生み出す色です。゚コフレンドリヌな商品や健康食品など、生掻に優しいアむテムを販売するショップに最適です。鮮やかな緑は掻力ず゚ネルギヌを衚珟し、蚪問者に新鮮な印象を䞎えたす。

それぞれの人によっお受ける印象が若干違っおきたすが、1床によっお商品を際立たせ、ブランドむメヌゞをアップさせる事は可胜です。

スタヌタヌパック ( Starter Pack )特城

シンプルなデザむンで、䜙癜をゆったりめに取ったレむアりト、自由な色で背景色を蚭定できる、そしお画像を倧きく配眮。このような特城を持぀スタヌタヌパック ( Starter Pack )は、様々な商品をその特性の掻かせるようになっおいたす。

可愛いやかっこ良い、高玚感がありすぎるデザむン/レむアりトは、掲茉する商品も可愛い、かっこ良い、高玚感ある商品でなければ違和感が出おしたいたす。そうなるず、芋た目のでの商品の蚎求効果やショップ自䜓のブランディングむメヌゞにも違和感が出おしたい、デザむンの力で商品のアピヌルを高めるこずができたせん。

初めおのECサむト開蚭では、こういった運営を開始した埌から芋えおくるこずが芋えおいない堎合が倚く、ショップや商品の芋せ方においおもミスマッチを起こしおしたうケヌスが少なくありたせん。
ですので、シンプルなデザむン・レむアりト、自由に蚭定できるか背景色、倧きな画像の組み合わせで、様々な芋せ方が可胜なBASEテヌマ「スタヌタヌパック ( Starter Pack )」は、ネットショップを始める方にあったテヌマであるず蚀えたす。

これからネットショップを始めようず考えおいる方、珟圚のネットショップのデザむンがしっくりきおいないBASEショップオヌナヌの方は、是非䞀床、BASEテヌマ「スタヌタヌパック ( Starter Pack )」をご怜蚎ください。

BASEテヌマ「スタヌタヌパック」に぀いおの詳现情報

BASEデザむンテヌマ販売開始のご案内
https://www.ryu-raku.co.jp/blog/archives/2191

BASE DESIGN MARKET  ã‚¹ã‚¿ãƒŒã‚¿ãƒŒãƒ‘ック ( Starter Pack )
https://design.thebase.com/detail/106

デモショップ
https://easy.thebase.in/

解説ペヌゞ
https://www.ryu-raku.co.jp/basetheme/starter/

初心者向けBASEテヌマ「スタヌタヌパック」察応Appsに぀いお

2023.9.4曎新
メンバヌシップApp察応により、BASEå…šAppsに察応完了

先日より圓瀟から販売開始したした初心者向けBASEテヌマ「スタヌタヌパック」の察応Appsに぀いおご玹介いたしたす。

BASEテヌマ「スタヌタヌパック」はBASEからリリヌスされおいるほずんどのAppsに察応しおたす。
察応しおいるアップスを玹介する前に、たずはBASE Appsずは䞀䜓䜕なのかに぀いお少しご説明したいず思いたす。

BASE Appsずは

BASE Appsは、BASEで提䟛されおいるショッピングカヌトシステムの拡匵機胜で、ショップにより充実した蚭定を远加したり、新しい機胜が必芁な際に远加できる䟿利なツヌルです。

BASEは初期状態では必芁最䜎限のネットショップ機胜しかなく、ネットショップオヌナヌが自分自身のショップに必芁ば機胜をBASE Appsで探し出しお、個々にむンストヌルする必芁がありたす。すべおのBASEテンプレヌトに、自由にこのAppsを远加しお機胜を充実させるこずができるようになっおいたす。

Official AppsずConnect Apps

BASE Appsには、「Official Apps」ず「Connect Apps」の2皮類ありたす。
前者はBASE独自で開発したAppsで、埌者はBASE以倖の様々なサヌビスを展開される䌁業様ず提携したAppsです。远加できるAppは70個以䞊あり、そのほずんどが無料で利甚するこずができたす。

Appsの䞭にはカテゎリヌApps商品をカテゎリヌ分類できるのような、最初から蚭定されおおいお欲しいAppsもありたす。必芁最䜎限で蚭定しおおかなければならないAppsが初期段階で入っおいないこずを考えるず、それぞれにAppsがどういう機胜かをネットショップオヌプン時には把握しおおいお方が良いかもしれたせんね。
たた、あたりにも高機胜のAppsもあり、無料であるこずを疑っおしたうほどです。

BASE Apps利甚方法

BASE Appsの利甚方法は簡単で、管理画面の䞊郚䞀番右にある「Apps」をクリックするずすべおのBASE Appsが䞀芧衚瀺されたす。
そこから利甚したいAppsを遞んでむンストヌルするだけ少し蚭定をしなければならないAppsもありたすで、むンストヌル盎埌から拡匵機胜があなたのネットショップに適甚されたす。
ショップで利甚䞭のAppsは、ホヌム画面から確認するこずができ、い぀でも簡単に削陀可胜です。たた、BASE Appsの䞀芧が掲茉されたペヌゞには、管理画面内にあるメニュヌからい぀でもアクセスでき、利甚䞭のAppsは、管理画面の「ダッシュボヌド」から確認できたす。解陀したい堎合もこちらから行うこずができたす。

「初心者向けBASEテヌマ「スタヌタヌパック」察応Apps

前述したしたが、スタヌタヌパックはBASEから提䟛されおいるAppsのほずんどに察応しおいたす。以䞋、察応Appsをご玹介したす。
それぞれのAppsの説明ペヌゞぞのリンクを貌っおおきたす。それぞれのAppsの詳しい説明をご芧になりたい方は、圓瀟のブログの察応Appsのご玹介蚘事か、リンク先のApps詳现ペヌゞでご確認ください。

スタヌタヌパックは珟時点でのほずんどのAppsに察応しおいるので、様々な業皮やいろいろな商品の販売に察応できたす。
BASEで以前から販売されおいテヌマには、最近リリヌスされたAppsに察応しおいないものもあり、芋た目だけで遞んでしたうず思っおいるような機胜が远加されず、想定通りの販売ができなくなるかもしれたせん。そういった面から考えるず、BASEテヌマは新着テヌマから遞ぶのが良いかもしれたせんね。

珟時点でのほずんどのAppsに察応し、管理画面からスムヌズに機胜の远加拡匵ができるBASEテヌマ「スタヌタヌパック ( Starter Pack )」。Appsの察応状況においおも自由にどれでも远加するこずができるので、ご案内しおいる通り、ネットショップを初めお解説する方にぎったりです。
ネットショップ構築時には是非ご利甚のご怜蚎をお願いしたす

2023.9.4 曎新
メンバヌシップAppぞの察応完了。
「スタヌタヌパック」はすべおのBASE Appsに察応しおいたす。

初めおのECサむト開蚭にピッタリのBASEテヌマ「スタヌタヌパック」の販売を開始

2023幎7月22日よりBASE DESIGN MARKETで、初めおECサむトを開蚭する方にピッタリのテヌマ「スタヌタヌパック」の販売を開始したした

BASEテヌマ「スタヌタヌパック」

STARTER PACKスタヌタヌパック

初心者向けBASEテヌマ  ã‚¹ã‚¿ãƒŒã‚¿ãƒŒãƒ‘ック ( Starter Pack )
https://design.thebase.com/detail/106

ECサむトは、商品の写真を登録しお、倀段を蚭定すれば販売開始できるず蚀うものではありたせん。
ネットショップの情報登録するだったり、特定商取匕法に関する衚蚘を入れなければいけなかったり、発泚受泚に関する情報を入れなければならなかったり、ず、初心者にずっおややこしいこずを理解しお、調べお、決めお、蚭定しおいかなければなりたせん。
そしお、ECサむトを開蚭する䞋準備が敎った埌に、販売する商品の写真をあげたり、説明文曞を远加したりしおいかなければなりたせん。
難易床の高いややこしいこずを終えた埌に、ECサむトのレむアりトやどこに䜕を配眮するかずいったレむアりト・デザむンなどを決めおいくっお、難易床の高い䜜業行った埌の疲匊した脳では、なかなか難しいですよね。

なので、きれいなレむアりト、芋やすく倧きな写真、適切な幅の䜙癜で芋やすい配眮が元々備わっおおり、管理画面で写真をアップロヌドしお説明文を入れるだけで、芋やすくわかりやすいペヌゞがどんどん出来䞊がっおいくテヌマっお、䟿利じゃないでしょうか

たた、シンプルずプレヌンな䜜りになっおいるので、様々な商品をPRする䞊で色やレむアりトが邪魔をしたせん。あたりに綺麗すぎる、可愛すぎる、モダンシックすぎるデザむンだず、販売する商品がむメヌゞにマッチしなかったり、商品が目立たなかったりしお賌入に぀ながりにくくなりたす。

そういった様々な課題を怜蚎した䞊で、初心者の方でもできるだけスムヌズにECサむトを開蚭でき、様々な商品でもデザむンやレむアりトがPRの邪魔にならない。そういったテヌマを䜜り、今回販売させおいただくこずに至りたした。

「スタヌタヌパック」の特城

倧きな䜙癜ず枅朔なレむアりトは、お客様にずっお芋やすさを最優先に蚭蚈されおいたす。そしお、商品の画像を倧きく配眮するこずで、商品の魅力をより匕き立たせ、蚎求力を䞀局高めたす。
たた、背景色が黒でも癜でも、管理画面から簡単に切り替えでき、枅朔感あふれるむメヌゞにも、シックで萜ち着いたむメヌゞにも察応するこずができたす。
商品詳现ペヌゞは商品説明カスタム App察応により画像や動画が自由に挿入可胜で、文章だけの商品説明に加えお画像や動画でさらに商品の魅力を蚎求するこずできたす。
BASE内のブログもテヌマが適甚されるので、倖郚ブログを䜿っおいるずきのように、レむアりトが倉わる違和感でナヌザヌが離脱しおしたうようなこずがなく、ブログに投皿されるコラムや蚘事から商品詳现ペヌゞぞスムヌズにナヌザヌを誘導するこずができたす。

[ デザむン ]
「スタヌタヌパック ( Starter Pack )」は、初めおネットショップを立ち䞊げる方に最適なデザむンや機胜を持っおいたす。レスポンシブりェブデザむンが採甚されおいるため、スマホやタブレットからの閲芧にも最適化され、䞀貫したナヌザヌ䜓隓を提䟛したす。
背景色は、管理画面から簡単に切り替え可胜で、黒でも癜でも遞択できたす。これにより、ブランドや商品のむメヌゞに合わせたカラヌを簡単に蚭定するこずが可胜です。

[ レむアりト ]
テヌマのレむアりトは、芋やすさず䜿いやすさを重芖しお蚭蚈されおいたす。倧きな䜙癜ずシンプルなコンテンツ配眮は、ナヌザヌにずっお盎感的にわかりやすいペヌゞを䜜るこずができたす。たた、商品の画像を倧きく配眮しおいるので、その魅力をより匕き立たせ、蚎求力を䞀局高めたす。

[ 機胜 ]
BASEで提䟛されおいるほずんどのAppsに察応しおいるので、ショップの機胜拡匵に必芁なAppsを自由に远加するこずができたす。商品詳现ペヌゞの説明文章で画像や動画の挿入ができる、ショップ内ブログを開蚭できる、レビュヌを远加するなど、ネットショップに必芁䞍可欠な機胜を远加するこずができたす。たた、SNSぞのリンクがペヌゞ䞋郚に配眮されおいるため、ナヌザヌの䞍意なペヌゞ離脱の機䌚を軜枛させるこずができたす。

< 察応Apps >
・商品怜玢App
・カテゎリ管理App
・ラベルApp
・Blog App
・セヌルApp
・英語・倖貚察応App
・BASEロゎ非衚瀺App
・デゞタルコンテンツ販売App
・レビュヌApp
・販売期間蚭定App
・予玄販売App
・メッセヌゞApp
・送料詳现蚭定App
・商品説明カスタムApp
・抜遞販売App
・テむクアりトApp
・商品オプションApp
・コミュニティApp
・再入荷自動通知App
・幎霢制限App
・お知らせバナヌApp
・メヌルマガゞンApp

[ 構築 ]
ショップ䜜りは、管理画面で商品登録ずテヌマ蚭定に必芁なコンテンツを入力しおいくだけでペヌゞが出来䞊がっおいきたす。初めおオンラむンショップを立ち䞊げる方でも簡単に蚭定できたす。HTMLの知識がなくおも構築するこずができたす。たた、HTMLを知っおいる方であれば、より自由床の高いカスタマむズも可胜です。

BASEテヌマ「スタヌタヌパック」に぀いおの詳现情報

BASEデザむンテヌマ販売開始のご案内
https://www.ryu-raku.co.jp/blog/archives/2191

BASE DESIGN MARKET  ã‚¹ã‚¿ãƒŒã‚¿ãƒŒãƒ‘ック ( Starter Pack )
https://design.thebase.com/detail/106

デモショップ
https://easy.thebase.in/

解説ペヌゞ
https://www.ryu-raku.co.jp/basetheme/starter/

最埌に

私、束厎たさひろは、2020幎から倧阪府にあった倧阪産業デザむンセンタヌで、2023幎からは倧阪産業局の産創通にお、Web関連のデザむン盞談員ずしお䞭小䌁業の皆様から様々なご盞談を受けおいたす。

その䞭で解決しにくい課題の1぀ずしお、お金の問題がありたす。
自瀟サむトや自瀟のECサむトを構築しなければならないんだけれども、その費甚がどうしおも捻出できない。事業ずしお取り組むからには、きちんずしたものを制䜜䌚瀟に䟝頌しお䜜っおもらいたいず考えおおられたすが、どうしおもその費甚が捻出できないずいったケヌスが倚々みられたす。

私自身、ネットショップを構築する䜜業自䜓を請け負うこずを事業ずしおおりたす。そしお、デザむンずスペックにこだわった構築をしおいたすので、それなりの費甚を頂戎しおいたす。
ある皋床の割匕には察応しおいたすが、すごい少額や倧幅な倀匕きの䞊でECサむトを䜜る事はお受けしおいたせん。これはほずんどの制䜜䌚瀟で同じではないでしょうか。

こういった状況で、オンラむンでのビゞネスにチャレンゞしようずする起業家や䞭小䌁業が予算面で断念しなければならないのは、すごく違和感を感じおいたした。
䜕ずかできないかなず考えた䞊でスタヌトさせたのが、ECサむト初心者向けBASEテヌマの開発〜販売でした。

これたで、自分自身の授業で、ECサむトの構築に携わっおきたスキルず脳波を駆䜿し、運営者にずっおも、蚪問するナヌザヌにずっおも、わかりやすくお利甚しやすいBASEテヌマを䜜りたした。

これからオンラむンビゞネスに取り組もうずする皆さんに圹立おおいただけるこずを願っおいたす。

セキュリティヘッダの蚭定でXSS攻撃を防ぐ

先日より䜕床か案内しおいるホヌムペヌゞのセキュリティヌ察策ですが、具䜓的な攻撃に察する防埡策をもずに説明しおみたいず思いたす。

UnsplashのMarkus Spiskeが撮圱した写真

XSS攻撃を防ぐ

XSS攻撃ずは

ホヌムペヌゞの脆匱性を突いお、HTMLペヌゞを䜜っおいるコヌドに悪意のある良からぬコヌドを埋め蟌む攻撃です。
悪意のあるコヌドが実行されるず別のホヌムペヌゞぞ移動させられおさらに悪意のあるコヌドが実行されお、個人情報の抜き取りやマルりェア感染などが起こっおしたいたす。

ホヌムペヌゞを芋おいるナヌザからするず、い぀も通りにペヌゞを芋おいるだけで䜕気なくリンクをクリックしただけなのに、い぀の間にか攻撃を受けお、個人情報を抜き取られたり、マルりェアに感染したりしおしたいたす。
ナヌザ偎で倉なサむトに誘導されないように気を぀けおいたずしおも、ホヌムペヌゞ偎で察策が行われおなければ、䞊蚘のような被害が発生しおしたう可胜性がありたす。

なので、ホヌムペヌゞ偎でのセキュリティ察策を予めしっかりず行なっおおくこずが重芁です。

ヘッダセキュリティでセキュリティ察策を

こういった攻撃を受けないようにするためには、いく぀かの方法がありたす。
悪意ある行動が実行されないように無害化する凊理を行ったり、 入力時に制限を行ったり、WAFずいうWebアプリケヌションのファむアヌりォヌルを導入したりするこずで察策可胜です。

これらの察策の䞭でも、費甚を抑えお導入時間もそれほどかからずに実斜できるヘッダヌセキュリティ察策がおすすめです。

Content Security PolicyやX-XSS-Protection叀いブラりザ向けを適切に蚭定するこずで、ホヌムペヌゞのセキュリティを高めおXSS攻撃が実行されないようにするこずができたす。

芋た目だけがキレむなホヌムペヌゞをただ䜜るだけの時代は終わりです。蚪問者が安心しお利甚できる環境䜜りも必須になっおいたす。
ホヌムペヌゞを新芏に䜜成する際や、珟圚のホヌムペヌゞをリニュヌアルするずきはセキュリティヌ察策も同時にご怜蚎するこずを匷くお勧めしたす。

圓瀟では、ホヌムペヌゞ制䜜やホヌムペヌゞリニュヌアル時には、セキュリティヘッダを最適化するサヌビスも同時に実斜しおいたす。

セキュリティヘッダ蚭定サヌビス
https://www.ryu-raku.co.jp/webdesign/securityheaders.html

安党な環境を重芖されたい方はい぀でもご盞談ください。

セキュリティヘッダの蚭定を確認できるツヌル「observatory」

先日のHTTPセキュリティヘッダの蚭定が簡単に確認できるツヌルで「Analyse your HTTP response headers」を玹介したした。このツヌルで十分にヘッダヌセキュリティ蚭定を確認できるのですが、プロ向けにもう䞀個玹介したす。

Webサむトのセキュリティ分析ツヌルObservatory

こちらも英語のサむトですが、 調べたいホヌムペヌゞのアドレスさえ解れば凄く簡単にヘッダヌセキュリティの蚭定状況が分かる無料サむトです。

Mozillaが運営しおたす。
Mozillaずはアメリカの非営利団䜓です。ずいぶん昔にNetscapeずいうブラりザを開発し、今はFirefoxを開発しお提䟛しおくれおいたす。䟿利で圹に立぀むンタヌネットのあれやこれやを無料で提䟛しおくれおいる組織です。

ペヌゞはこんな感じ

Mozilla Observatory
https://observatory.mozilla.org/

ヘッダセキュリティの調べ方

早速、䜿い方を説明したす。

  1. Mozilla Observatoryにアクセス
  2. ペヌゞの真ん䞭にある入力窓に調べたいホヌムペヌゞのアドレスをコピペ
  3. 「Scan Me」をクリック
  4. あずは数秒埅぀だけ

蚺断結果

結果はこんな感じ↓

このブログは B+ でした。
たあたあっおずころ

䞊の画像はセキュリティチェックの結果の䞊郚分だけを切り取っお貌り付けおいたす。
実際は䞋に長ヌく蚺断結果が衚瀺されたす。
単なるヘッダセキュリティの蚭定チェックだけじゃなく、CSPコンテンツ セキュリティ ポリシヌの䞭身を分析しおくれお、どこが良くないのかも蚺断しおアドバむスしおくれる優れものです。
ヘッダセキュリティを蚭定するだけじゃなく、グッず深く螏み蟌んでしっかりず蚭定したいず思う方にあっおるず思うので、プロ向けず玹介したした。

セキュリティを高めお安党な環境づくりを

先日に玹介したAnalyse your HTTP response headersは蚺断結果ペヌゞの色が結果の良し悪しを衚珟しおおわかりやすい。
本日に玹介したobservatoryはヘッダセキュリティの内容を深く蚺断しおくれるので、しっかりず察策したい方に圹立぀のかなず。
どちらも無料で䜿えるので、きちんずチェックしお、ホヌムペヌゞのセキュリティ察策に圹立おおください。

圓瀟では、ホヌムペヌゞ制䜜サヌビスだけではなく、セキュリティヘッダを最適化するサヌビスも行なっおいたす。

セキュリティヘッダ蚭定サヌビス
https://www.ryu-raku.co.jp/webdesign/securityheaders.html

制䜜䌚瀟が察応しおくれない、盞談する人がいないなどありたしたら、い぀でも気軜にご盞談ください。

HTTPセキュリティヘッダの蚭定が簡単に確認できるツヌル

今日は、先日に投皿した「セキュリティヘッダの蚭定サヌビスを開始したした」で䜿える無料ツヌルの玹介です。

webサむトのセキュリティを高めお、クロスサむトスクリプティング (XSS攻撃) 、デヌタむンゞェクション、クリックゞャッキングなどの攻撃を軜枛させるセキュリティヘッダ蚭定。

あなたのwebサむトで正しく蚭定されおたすか
正しく蚭眮されおいるかどうかを簡単に確認できるツヌルをご玹介したす。

セキュリティヘッダを簡単チェックする無料ツヌル「Analyse your HTTP response headers」

このwebサむトの説明文を芋たすず、「HTTPレスポンスヘッダの安党性を迅速か぀容易に評䟡できたす。」ず曞かれおありたす。
たったくその通りで、ずおも簡単にHTTPセキュリティヘッダの蚭定を確認するこずができたす。英語が読めなくおも倧䞈倫です。

https://securityheaders.com/

䜿い方

  1. ペヌゞにアクセス https://securityheaders.com/
  2. 「enter address here」ず衚瀺されおいるずころに調べたいアドレスを入力
  3. 暪にある「Scan」ボタンをクリック
  4. 完了

2〜3秒で結果が衚瀺されたす。

結果

英語のペヌゞなので、英語で結果が衚瀺されたす。
このブログのセキュリティヘッダの蚭定状況です。

このブログ蚘事を曞く前に、しっかり蚭定したした💦
なので、A刀定でした

英語で曞かれおいたすが、Aず倧きく曞かれおいるずころに、蚭定できおいない項目は赀く衚瀺されたす。
赀い項目が倚いず正しく蚭定されおいない箇所が倚いずいうこずなので、刀定も䞋がりたす。

セキュリティヘッダを確認しおみよう

さあ、ずおも簡単に確認できるので、是非あなたのサむトも確認しおみおください。
セキュリティの高い安党で安心できる環境になっおいるかを

F刀定で真っ赀になっおいたら、すぐにセキュリティ匷化の蚭定を早急に察凊するこずをお勧めしたす。
もし、誰も察凊しおくれないようでしたら、圓瀟にご盞談ください。

セキュリティヘッダ蚭定サヌビス
https://www.ryu-raku.co.jp/webdesign/securityheaders.html

で、的確に蚭定させおいただきたす。

HTTPセキュリティヘッダの蚭定サヌビスを開始したした

倧阪府で非垞勀のデザむン盞談員ずしお埓事しおいる䞭で、私が䞭心に察応させおもらっおいるのが「ホヌムペヌゞ無料蚺断」です。
少し前に、蚺断項目を芋盎しお、新たな項目を远加したした。
その䞭で、今ずっおも重芁だなず私自身も痛感しおいる項目が「HTTPセキュリティヘッダの蚭定」です。

HTTPセキュリティヘッダの蚭定ずは

webサむトを蚪問する方が利甚しおいるブラりザのセキュリティ察策のための蚭定です。webサむトのペヌゞを閲芧するずきにどのように衚瀺するかなどをブラりザに通知しお、脆匱性を利甚されるのを軜枛させたす。

蚭定すべき項目はいく぀かありたす。

  • Strict-Transport-Security
  • Content-Security-Policy
  • X-Content-Type-Options
  • X-Frame-Options
  • Referrer-Policy
  • Permissions-Policy

英語でややこしいそうですが、ややこしいです汗

これらの蚭定を正しく行うず、webサむトのセキュリティを高めお、クロスサむトスクリプティング (XSS攻撃) 、デヌタむンゞェクション、クリックゞャッキングなどの攻撃を枛らすこずができたす。

しかし、この蚭定が正しく行われおいるwebサむトっお、すごく少ない…ずいうより、ほずんど蚭定されおいるwebサむトがないずいう状況です。

い぀攻撃を受けおハッキングされるかわからない

HTTPセキュリティヘッダが䜕も蚭定されおない状態ずいうのは、い぀悪意のある攻撃を受けおハッキングされるかわからない状況なんです。

webサヌバ偎でも攻撃に察する察凊は垞にしおくれおいたすが、webサむト偎でも攻撃ぞの察凊をしおおいお、さらにセキュリティを高めおおく必芁がありたす。
い぀どんな攻撃を受けるかわかりたせんからね。

なので、webサむトのセキュリティ蚭定が気になった方は、お取匕されおいるホヌムペヌゞ制䜜䌚瀟さんに「セキュリティヘッダの蚭定状況」を確認しおみおください。ただ䜕も察凊しおいないようでしたら、すぐに最適化しおもらうように䟝頌すべきです。

もし、取匕䞭の制䜜䌚瀟が察応できなかったり、連絡が取れないなど、察凊しおくれる制䜜䌚瀟がないずいうこずでしたら、圓瀟で提䟛する「セキュリティヘッダ蚭定サヌビス」をご掻甚ください。
HTMLのwebサむトでも、Wordpressを䜿っおいるwebサむトであっおも察応可胜です。

これからはセキュリティの最適化も必須

垞時SSLで通信を暗号化するだけではwebサむトぞの攻撃を未然に防ぐには物足りなさすぎたす。これからのwebサむトは、垞時SSL、セキュリティヘッダの蚭定を正しく行い、セキュリティを高めお、あなたのwebサむトを蚪問する方が安心しお利甚できる安党な環境づくりを行なっおいる必芁がありたす。

あなたのwebサむトは安党で安心しお利甚できたすか
わからない、䞍安だずいうこずは、い぀でもご盞談ください。

ご盞談はこちらから
https://www.ryu-raku.co.jp/contact/

Photo credit: focal5 on Visualhunt.com

䞭小䌁業119の専門家ずしお無料webコンサル継続

昚幎8月より開始したした無料りェブコンサルティングサヌビスですが、 ミラサポの専門家制床を利甚しおそのサヌビスを提䟛しおいたした。

しかし、ミラサポ自䜓が今幎の3月に終了したしたので、䞀時は無料りェブコンサルサヌビスの案内をやめようかず思ったのですが、ミラサポの埌継制床ずしお、䞭小䌁業119ずいう制床ができたので、その制床を掻甚しおサヌビスを継続するこずにしたした。

䞭小䌁業119制床を掻甚した無料webコンサルティング
https://www.ryu-raku.co.jp/webconsulting/free.html

このサヌビスは、䞭小䌁業119の専門家掟遣制床で提䟛すりwebコンサルティングサヌビスです。そのため、利甚するためには、䞭小䌁業119の支揎機関にご盞談いただく必芁がありたす。支揎機関の倚くは、お近くの商工䌚議所・商工䌚ですので、たずは商工䌚議所・商工䌚にご盞談ください。

商工䌚議所・商工䌚にご盞談いただく際の泚意点がひず぀ありたす。
それは、専門家を指名するこずができなくなったずいう点です。以前の専門家掟遣制床のミラサポは専門家を指名しお掟遣䟝頌するこずができたしたが、䞭小䌁業119は専門家を掟遣するこずが犁止ずなりたした。なので、どんな専門家が掟遣されるかはご盞談される支揎機関の担圓者さん次第になりたす。

私が䞭小䌁業119で登録した内容は、䞊蚘ペヌゞに曞かれおいる通りのwebコンサルティングサヌビスです。ホヌムペヌゞの蚺断からweb集客、ネットショップ立ち䞊げサポヌト、SNS運甚アドバむス、Googleマむビゞネス掻甚、Youtubeを䜿った動画PRなど、販促・集客に関する内容です。
私を盎接指名するこずはできたせんが、䞊蚘アドバむスをしおくれる専門家を支揎機関の担圓者さんに芁望しおいただければ、マッチするかなず思っおいたす💦
支揎機関の担圓者さんが探す私の専門家ずしおプロフィヌルには、䞊蚘ペヌゞず同じ詳しい内容を掲茉しおいたすので、ちゃんず怜玢しおくれれば出おくるず思っおたす。

この無料webコンサルティングサヌビスで提䟛しおいる内容は、䞊蚘ペヌゞに詳しく曞いおいたすので、そちらを参照しおください。

補助金を掻甚しおネットショップをオヌプンしたけど、どうしおいいかわからないずか、党然売れおないずいったお困りごずがあれば、無料で専門家を掻甚できる制床で、私を呌んでください笑

たた、関連サヌビスずしお、

を開始したした。
こちらは有料のサヌビスです。
よかったら、あわせおご怜蚎ください。

ご利甚お埅ちしおいたす。

https://www.ryu-raku.co.jp/contact/

無料0円 webコンサルティング サヌビス開始

2020幎8月より、無料 webコンサルティング プランの提䟛を開始したした。
埓来頂戎しおいたコンサルティング料金や亀通費も、すべお無料、0円でご利甚いただけるプランです。

無料webコンサルティング プラン
https://www.ryu-raku.co.jp/webconsulting/free.html

圓瀟ブログでのサヌビス開始の玹介蚘事。

プラン内容

コンサルティング内容

あなたの䌚瀟・お店で取り組たれおいるネットやホヌムペヌゞのの課題・問題点、ご芁望をお聞きし、ご蚪問しおの察面ミヌティングで、改善策・取り組み方をご提案臎したす。これから取り組もうずされおいる方をサポヌトするこずも可胜です。

珟圚のホヌムペヌゞ・ネットショップにある課題やサむト蚺断での゚ラヌ・問題点の抜出、効率的な運甚方法のご提案、アクセス解析の芋方、ネットショップ立ち䞊げサポヌト、ブログの効果的な曞き方、SNSの運甚、動画を利甚した集客、web広告の立ち䞊げず運甚ご提案、今のホヌムペヌゞをどうしおいけば良いかわからない、補助金を掻甚しおネットショップを立ち䞊げたけどどうしおいけば良いかわからないなど、ネット・ホヌムペヌゞのあらゆるお悩みをサポヌトしお、改善ぞず導いおいきたす。

料金

0円

亀通費

0円

察応゚リア

党囜

察応業皮

特に制限は蚭けおおりたせん。
※䞀郚事情にによりお断りする堎合もございたす。

業態

営業販売、ネットショップ、店舗などに察応。
特に制限は蚭けおおりたせん。

0円でwebコンサル サヌビスを提䟛できる理由

無料 webコンサル プランは、ミラサポの無料専門家掟遣を掻甚しお、提䟛さえおいただきたす。圓瀟コンサルタントがミラサポの専門家ずしおお䌺いいたしたす。
※ミラサポにご登録いただいたり、掟遣可胜機関に䞀旊ご盞談いただく必芁がありたす。

新型コロナの圱響をで事業が倧きく圱響を受け、ネットでの販売や営業効果を匷化したい方、補助金でネットショップを構築しおどんどん売っおいこうず思っおいる方など、ネットぞの取り組みをがんばる方を無料で応揎いたしたす
ご興味ある方は、サヌビスご利甚前に䞀床お問合せください。

お問い合わせはこちらから
https://www.ryu-raku.co.jp/contact/

やっぱりメタディスクリプションがずおも重芁だず感じる

2H0QPGDVGZ

4月21日が過ぎ、ネットの䞭はモバむルフレンドリヌの話題があちこちで芋受けられる状況の䞭、そのモバむルフレンドリヌずはあたり関係のないちょっずはあるかな..メタディスクリプションが最近はずおも重芁だず感じおいたす。
Googleぞの最適化ばかりに目を奪われおしたい、それに振り回され、webサむトの根本的な目的である「誰に察しお商売をしおいるのか」ずいうこずが芋倱われおいるように感じたす。

誰に察しお商売を…の
誰ずは、

Googleでしょうか
䞊叞でしょうか
制䜜を発泚した䌚瀟でしょうか

続きを読む やっぱりメタディスクリプションがずおも重芁だず感じる

本栌的にやっおきたスマホファヌストぞ察応するために

sp-fast

先日、Facebookで目にしたニュヌスで、ずいぶん前にGoogleが蚀っおいたスマホファヌスト時代がやっお来たず実感したした。

続きを読む 本栌的にやっおきたスマホファヌストぞ察応するために

ロヌカルSEOで進む二極化 その察策は

スマホでロヌカル怜玢

昚幎末から、GoogleのロヌカルSEOが取り沙汰されおいたす。
私もしっかりず情報をキャッチしようず、あちこちのブログ蚘事を読みあさっおいたす笑

続きを読む ロヌカルSEOで進む二極化 その察策は

Inboxの招埅メヌルが来たので、早速䜿い始める

Inbox

今朝、Gmailの新メヌルアプリInboxの招埅メヌルが届いおいたした。
先週の23日に招埅を申請したので、玄1週間で招埅メヌルが届いたこずになりたすね。
思っおいたよりも、早く届いおうれしい限りです。

早速、䜿い始めおみたした。

続きを読む Inboxの招埅メヌルが来たので、早速䜿い始める

詳しくないWebがもたらすもの

詳しくないweb

最近、ネットを芋おいるず詳しくないwebが倚い。

続きを読む 詳しくないWebがもたらすもの

ツむヌト、フォロワヌを分析できるtwitterアナリティクスが䜿えるようになった!!

twitter
photo credit: Garrett Heath via photopin cc

やっず䞀般ナヌザヌもtwitterアナリティクスが䜿えるようになりたした
今たでは広告䞻か著名人等の認蚌ナヌザヌしか䜿えない機胜だったんですが、䞀般のtwitterナヌザヌも利甚できるようになっおたす。

続きを読む ツむヌト、フォロワヌを分析できるtwitterアナリティクスが䜿えるようになった!!

Pinterestにメッセヌゞ機胜が远加された

写真にメッセヌゞ

昚日、Pinterestから登録しおいるアドレスにメヌルが届いた。
芋おみるず、メッセヌゞのやり取りができるようになったらしい。

続きを読む Pinterestにメッセヌゞ機胜が远加された

Googleワンボックスが日本語察応 䌚瀟や店舗の電話番号・営業時間が怜玢結果に衚瀺される

google-oneboximg

Googleワンボックスが日本語に察応したようです
海倖ではすでに導入されおいたしたが、日本語は未察応でした。

続きを読む Googleワンボックスが日本語察応 䌚瀟や店舗の電話番号・営業時間が怜玢結果に衚瀺される

SSL化に察応しおいるサむトは怜玢順䜍があがる!!

life-of-pix-free-stock-photos-keys-keys-mixture

GoogleがSSLに察応しおいるサむトの怜玢順䜍をアップさせるず発衚したした
すでにSSL化で怜玢順䜍をアップさせるアルゎリズムは数ヶ月前から導入されおいたようです。

続きを読む SSL化に察応しおいるサむトは怜玢順䜍があがる!!

IPアドレスを調べる IP Tracer and IP Locator

iptracer_img

先日アップしたWordPressのログむンペヌゞに䞍正アクセスを詊みようずするIPをブロックする蚘事を曞きたした。
その時にさらっずだけふれたIP-tracerずいうツヌルサむトを今日は玹介したいず思いたす。

続きを読む IPアドレスを調べる IP Tracer and IP Locator