カテゴリー：記事

今回ご依頼があり、初めて BASE で EC サイトを作ってみました。 せっかくなので、HP 制作側が弄ってみた BASE のインプレをしてみようかとw 昔はカラーミーくらいしか無かったこのジャンル、今や BASE、STORES が参入してより簡単になっている様子。 Shopify は断トツに弄れるけど難易度高いので、上記3つの戦いになるのかな？ 弄れる順だと、カラーミー → STORES → BASE って感じで BASE が一番自由度が無い？っても割り切れば必要十分でした。 そんなわけで、BASE です。 基本、ドラッグドロップでパーツを置いて作っていきます。 「パーツ同士の隙間弄りたい！ここの文字大きくしたい！ここ囲みたい！」等々、、できません！笑 タイトルボックスかテキストボックスで何とかするしかないですw いちお、html ページ作れるんだけども、ちょこちょこっと CSS を弄るではなく、いきなり丸っとテーマ作ったらアップできるよん！って振り切ったものでしたww そんなねぇ、テーマ？解析して作る暇はございませんw CSS 弄れないし、ページにタグやスクリプト書けないので「調整」は一切できません！ もうあれだ、「できないけど何か？」ってのがバシバシ伝わって来て、逆に「おし、わかった！」って割り切れるから良いのかも。笑 機能追加は Apps って、プラグインみたいなので必要な機能をインストールしていく。 例えば、独自ドメイン、SEO設定、ページ追加、HTML編集、ラベル、送料詳細設定、定期便、Instagram販売、みたいな感じでどんどん追加できる。 発送関係や定期購入などはめちゃ便利！ 合計1万円購入以上で自動で送料無料にするとか、定期購入用のフォームや注意書きも揃ってるとか、良くできてるなぁと。 あとはせめて個別 CSS 弄れたら満足なんだけどねぇ。 ———- で、完成したのがコレ → SST D+ Shop さま。 まぁ、無料でここまでできれば十分でしょw 選べるテーマも圧倒的に少なかったけど、どうせ凝ったことできないので許せますw 手軽に EC サイト作ってみたい！って人にはお勧めですね！ 色々我儘にしたい場合はやはりおいら達制作会社に依頼するしかないのかと。割り切りが必要ですw あと、EC サイト作った後が問題なのですよ。 サイトを宣伝しなきゃ誰も見に来ないので、そこをどうするかですね。 Insta や facebook、twitter を駆使するにも、そもそもフォロワーが居てこそです。 手っ取り早く広告かけるのも手ですが、もちろん広告費用が月額かかります。 サイトは無料でできるけど、やはりマーケティングにお金がかかるのが現実ですよね。 HS Works では、Instagram を用いた集客方法や、Google 広告の運用代行もしています。 何かあればご相談ください。お待ちしています！

ここの LP を作りました！ え？なんのために？笑 まぁ、端的にサービス内容をまとめたので、営業資料ですかね。↓ 画像クリックでサイトが開きます。 LP (ランディングページ) ってなに？ サプリや美容関係でよく見る、縦に長～い1ページの広告ページですね。 購入はこちら！ボタンが何度も途中に出て来て、今すぐ買う！みたいにわしゃわしゃ急かしてくる、アレですw LP 作れば通販でバカ売れするんでしょ？ (そうはいきません💦) LP は基本、広告とセットで運用します。 LP だけ公開しても人目に付きません。 広告かけるには対象のサイトが必要です。 LP 自体にカートつけて売っても良し、本サイトに呼び込んでも良し、お問い合わせフォームを設置するも良しって感じです。 LP なんてペライチだから安く作れるんでしょ？って言われたりしますが、スマホで見たら長さが 10ｍ でも1ページかい？みたいな。 また、LP には商材に沿った構成ってのもあってですね、引き込んでいくシナリオを作るのも意外と大変なんですよ。 ———- よくある (必ずあるw) ケース 東京都 Aさん 会社員 30歳：半信半疑でこれを試したらあっという間に～ みたいな。 通常いくらなのが、今だけ！赤字覚悟のいくらでご奉仕！この機会を逃したら～ みたいな。 この手はお約束で入ってます。深夜のテレビショッピングよろしく、構成は同じですよね。笑 HS Works では LP の制作も承りますが、先に書いたように、基本、広告とセットでお考え下さい。 ※広告運用も併せてご提案可能です。 おいらはあまり長い LP はおすすめしてません。絶対観ないですもん。笑 飽きて離脱する頃合いでまとめておかないとです。 程良い長さで程良い文章量で、程良いアピールで勝負したいところですね！ ご相談はお気軽に。お待ちしています！ h2.mTxx { margin-top: -10px; }

いやー、今回の対応は病みました。 お客さんの WordPress に建てつけた Stripe ですが、物凄いアタックを受けてまして。 ログを調べるとIP 元はフィリピン？！、3日で2.3万回？！、決済 API を叩きに来てました。 これはやべーと reCAPTCHA を設置！(信号機はどれですか？みたいに画像選択する認証方式) でも reCAPTCHA テストしても画像選択が出ない。 メジャーな ver.2 の仕様を見ると、 1. 私はロボットではありません　にチェックを 2. お前、人間じゃなくね？bot じゃね？と判断されたときに画像選択に移行する そうなんだ、いかがわしいサイトでは 100% 出るんですけどねっ！笑 で、設置後様子見してたら攻撃が止んだ！reCAPTCHA 優秀～！ これでだいぶ回避できることが分かった。 しかし、今度は決済通知メールが来なくなった。 Stripe の管理画面、WP 側のプラグインを何度も調べたが不備がない。 ここで半日調べたが解決できず… もしやメールサーバーでブロックされとる？と、設定してあるメアドにメールを出したら届く。あれ？ WP からメールを出す → 届かない！　これかっ！！ 原因が絞れてきた。 つまり、大量アタックで大量エラーメールが吐き出されメールサーバー側でブロックされてんじゃね？疑惑。 WP メールからのメールをブロックしてるか、WP メールのポートを塞いだか。 この件を調べると、SMTP を利用してメール送信できるプラグインがあった。 ・Post SMTP Mailer/Email Log ・WP Mail SMTP 上のは Google API を使う方法。でもよく調べると Gmail メアド以外は無料では使えないっぽい。 下のは、自分の契約してるサーバーの SMTP を使うやつ。今回はこっちで！ WP メールが送信できるかテストもできて、テストしたらやはり送信できてない。 なので、メールサーバーの SMTP 情報を入力してテスト。おー！届くじゃん！w これで原因もはっきりした。 やはりメールサーバーで WP メールをブロックしてる様子。 このサイトでは３つのフォームから２つのメアドに送信する設定で、このプラグインで SMTP 経由にしたら全てから届いた！ やったね、やーーーっと復活！！ 今回の件、まとめてみよう。 ・Stripe を設置して間もなく、大量のアタックが起きた ・慌てて reCAPTCHA を設置したらアタックが激減した ・ところが決済通知メールやお問い合わせメールが届かなくなった ・Stripe 側と WP 側を穴が開くほど見直したが異状なし ・WP のメール系 php ...

ホームページ制作.jp 様のサイトにて、HS Works をご紹介いただきました。 とても丁寧に掲載していただき、ありがとうございます♪ 「中野区のホームページ制作会社をお探しのあなたへ」というページです。 ———- ◆ホームページ制作.jpとは (※以下サイトより抜粋) ホームページ制作会社を無料でご紹介！ ホームページ制作.jpは、全国の優良なホームページ制作会社から一括見積が できるサービスです。 2011年のサービス開始以降、12,000件以上の御見積のご相談にご対応させ ていただいております。 ・ホームページ制作.jpで審査済のホームページ制作会社に見積依頼ができる。 ・100以上の対応項目で制作会社をデータベース化しているため、ご状況にあった制作会社を簡単に探すことができる。 ・イエローカード制度にてトラブル企業は排除。優良な制作会社とやり取りができる。 ・ホームページ制作.jpの担当者に何度でも無料相談可能。 ・お断り代行サービスによりストレス無くお断りが可能。 という、HP制作会社探しが出来るサイトです。 山ほどある制作会社から1社選ぶのは難しいですよね。 病院などは通える範囲で調べたりしますが、HP制作なんて全国規模なので全くわからないですね。笑 また、見積りを貰って相場感を知るにも良いかと思います！ 詳細はこちら！→ ホームページ制作.jp ———- HS Works は東京ですが、愛知や長野など地方のお客様も結構いらっしゃいます。 初回は Zoom で、以後は、差し支えなければ LINE でやり取りさせていただくため、距離感も感じず楽しくやり取りさせていただき、いつの間にか完成♪ という感じですw 出会いは一期一会、これを読んでいただいてる「あなた様！」全力でご提案させて頂きますので、次の出会いになれれば最高です♪ よろしくお願いいたします！

どんなサイトにも手軽に決済が仕込める昨今、便利になりましたねー。 自分のサイトでモノやチケットなど、手軽に販売できます。 しかし便利になると色んな輩が悪いことをし出します。今日はそんなお話。 カードテスティングって何？ 不正入手したカード情報で、そのカードが使えるか、先ずは少額の買い物でテストすることを意味します。 例えば、100円のものをカードで決済できた → このカードはまだ漏洩したことに本人が気付いていない → よっしゃ、高額なモノ買っちゃうぜ！という感じですかねー。 先日、実際に被害にあっているクライアントさまから何とかならないか？とご相談がありました。 おいらが構築していない物販サイトなので何ともなのですが、少し調べてみました。 メジャーな Strip というカード決済の仕組みを導入していました。 販売価格ではない、勝手な少額で何故か決済が成功しています。 ・まず疑ったのが WordPress に勝手にアドミン作られてない？ → 大丈夫でした。 ・海外 IP はブロックしてる？ → してなかったのでブロックしました。 それでも全然アタック成功されているようなのでもはやページから購入していないですね。 販売価格も無視で、￥2,000 からしかないのに、何故か100円で購入 (決済) されていました。 こうなるともう 3D セキュアだの reCAPTCHA だのを設置しても無駄です。決済 API を直叩きしてる気がします。 何せ数分で100回とかアタックしてるようなのでお手上げです。 なのでやむなく Strip は完全に切り離しました。 Strip のサポートはメールオンリー。最近増えましたね。GMO さんなんかもそうです。 そしてまどろっこしいやり取りの末、何も解決しないというね。 そもそも素人のクライアントさんに reCAPTCHA 仕込めだの追跡スクリプト使えだの言ってくるサポートもどうなの？って。 できるわけないっつーの、ねぇ… 今回はおいらが構築していないので、どこまで介入して良いやら悩みました。 結果、既存サイトは捨てて新規に作り直す？という話になってきています。 こういうのって絶えないんでしょうけどね、例えば近い将来、量子コンピュータでハックするようになると暗号化自体が無意味になるらしいので、この先のセキュリティは大変な時代になると思います。 不正カードリストは所謂ダークウエブってところで売買してるんでしょうね。それを入手して特定の決済システムに自動でアタックを繰り返すのだと思います。 EC サイトを運営するということは、少なくともこういう被害もありうるってことですね。

しかし6月下旬からヤバい暑さが続きます。 東京は何が暑いって、アスファルト、交通量からの排熱、ビルの空調、これらが合わさって百葉箱の発表のプラス5度くらいの体感ですよ。そして夜になっても気温が下がらないまま、また陽が昇る。8月が恐ろしいです… さて、今回はよく目にする、「何処どこで○○の会社 (お店) 10選！」みたいなまとめ系メディアサイトのお話です。 おいらの業種だと、「東京で失敗しないweb制作会社10選！」みたいな？ 実はこれ、掲載してもらうのにお金払ってるんですよね。(全部とは言いませんが) 運営元はそこそこ PV のあるオウンドメディアサイトで、口コミまとめみたいに特集を組むんだけど、自腹広告出稿なんですねー。 うちにも営業来ますけどね、安くはないのでお断りしていますが。(勝手に掲載してくれているところもあるようですがw) ま、人の集まるサイトに特集記事掲載してもらって露出を増やすのも、広告経費として予算あるならやってみてもいいと思います。 飲食系では食べログの影響力が大きいですが、あれは既に仕方ないくらいマストになっちゃってますしね。 昔はまとめサイト作るのに、自動で勝手にネット上からキーワードで記事を集めるツールを使って作るのが流行りました。 一時期、何か検索すると殆どまとめサイトばっかりになりましたね。 この手法は今は禁止されているので、自社でメディアサイトを立ち上げてまとめサイトのようにしています。 記事の質も問われるため、ちゃんと作っているところが多い (というかそういうところしか残らない) です。 今の Google さんの仕組みはコンテンツの質まで見てるので、まとめサイトが乱立してた時代とは違います。 そのようなオウンドメディアサイトは自社が当てはまる業界の特集を組んでいて、自社のアピールにも繋げています。 そして結構な PV が集まると、広告という意味で御社を掲載しますよ？となるんですね。 また、ネットの情報は受け手が信じやすいってのがあるので、SNS などでは間違った情報も拡散されちゃいます。 情報操作する側にとっては大変都合の良い (チャラい) 環境なので、ステマや広告目的でもツールとして利用されています。 今の時代、自分の脳みそを一回通してから拡散することを学ばないと、片棒担がされていることにも気づかないというね。 話がそれました。 オウンドメディアはコンテンツの質は良いものが多いので活用する側は安心ですが、掲載基準は広告としての自腹掲載だったりする。というお話でした。 頑張って良質なメディアサイトに育てたら、広告枠で業界まとめみたいなのを作っても良いですね！ ま、安定した高い PV のサイトに育てるまでが大変なんですけどね。 ではでは。

長野県佐久市のにある『麺処くれしづき』様のホームページを制作しました。 麺・スープ・たれ・香味油・具材からデザートまで、全て自家製の麺料理をご提供しているお店です。 今回は遠方で対面でお会いすることなく制作をしました。 でも、Zoom や LINE を活用してスムーズに進行できました。 高画質な動画も写真もご用意いただけたので、見栄えの良い奇麗なサイトになったかと思います♪ 食べ物の写真て本当に難しいんですよね、撮った後に加工もしてますが、やり過ぎないように注意しています。 飲食店のホームページは、大手やチェーン店以外の個人さまではまだまだ少ないのが現状です。 食べログに載せてるから要らないという感じかと思いますが、やはりあるとそれを Google Map や SNS と連携して情報を拡散できるので、無いよりはあった方が良いと思います。 ただ、無料で作れるホームページやブログだと、余ほどセンス良く作らないとイメージダウンにもなってしまいます。 HS Works では、お店のイメージアップにお役に立てるよう、密なヒアリングをいたします。 また、公開後の様々な SEO、MEO、SNS を活かした集客等々、丸っとご提案をさせていただきます。 ご興味を持っていただきましたら、お気軽にご相談ください。お待ちしています！

今更ですが、おいらが最後の最後に遭遇した IE 固有バグの対処法を載せておきます。笑 ヘッダー + コンテンツ + フッターがあるページで、真ん中のコンテンツの高さが足りないとフッターが上に上がっちゃうので、定石としての対応法があります。例えばこんな感じ。 body { margin: 0; display: flex; flex-flow: column; min-height: 100vh; } .entry-content { flex: 1; } 簡単に言うと、真ん中のコンテンツの最低高さを 100vh にしとけって意味ですね。 この flex-flow: column; が IE 効かないんですよ。min-height が 0 と扱われる？フッターがだだ上がりしちゃうようです。 なのでハックがありました。 body { margin: 0; display: flex; ...

遂に 6/15 を持って Internet Explorer のサポートが終了！ 長かった固有バグ対応もこれでガン無視できます。 まぁ、既にこの数年は無視してきたのが現状ですけどもw IE は昔っから、世界規格であるハズの html というか CSS の仕様をちょこちょこ独自仕様にしてまして、我々制作の敵だったのです。 スマホでは iOS がこれにあたり、勝手仕様で引っ掻き回しているんですね。 日本人てーのは、iPhone 大好きなのに PC では IE で、これは制作側に対しての二重の嫌がらせ。何せどちらにも個別対応が必要だからです。 そして何か Ver Up される度にそれらの勝手仕様が増えるので、我々は毎回怒号を浴びせながら対応を余儀なくされてきました。 そして遂にその片方の IE がこの世から去ってくれるのは大変有難い！あとは iOS が消えてくれれば… (ボソっ) 一般ユーザーの皆さまには知らんがなってお話ですが、web制作側ではこれらの本当に無駄な対応に相当の時間を費やしてきました。 IE 6 ～ 11 まで、数々の固有バグを見つけては対処法を編み出し、IE だけに対処するコードを書き云々。とても無駄な時間でした。 それが公式に「知らんですw」って言える！なんて素晴らしい～♪ というめでたいニュースなのです。 後継の Edge はまぁ、モダンブラウザーの仲間なので大きな固有バグも無く気にならなくなりました。 Edge、FireFox、Chrome で比べると FireFox がやや固有の振る舞いをしてますが、まぁ許容範囲です。 なので今後の個別対応は iOS 一択になりますな。(← 世界規格を守って欲しいですよね、何様か知らんけど。)　というわけで、 さようなら、IE！ おいらは嬉しくて胸がいっぱいです！ww

今回はホームページ公開後の運用についてのお話です。 業種にもよりますが、拡散して集客に繋げたいとは誰しも思うことだと思います。 よく例えでお話するのですが、初詣など、大勢の人が10円、100円でお願い事しますよね？ 神様も流石に全員のお願いは聞けないのでやはり高額なお願いから着手？みたいなw Google さんもしかり、無料でやれることは全員してるので、次は有料の広告使ってね！ってことなんです。 昔はソースにキーワードを埋めて、検索に引っかかりやすくすることを総じて SEO 対策と言っていました。 今はこのキーワードは Google さんは見なくなったので無意味なんです。← 本当ですよ！ キーワード検索でヒットさせるためには有料の Google 広告を活用します。 検索結果で広告が表示され、広告がクリックされたらお金が加算されます。 月額予算は1万でも可能ですが、例えば、「HP制作」というワードが1クリック500円だとすると、20回クリックされたら1万円です。 月額予算1万だと、一日1クリックでも20日で終わり、一日2クリックだと10日、一日5クリックだと4日で消費します。 また、検索ワードの値段は人気があるものは高額になります。 なので最低月5万～というのが現実的ですが、正直、10万くらいで回さないと目に見える効果は無いのかもしれません。 これは顧客獲得単価にいくらが妥当か？によって変わります。 例えば求人でエージェントに頼み成約すると年収の10%とか支払う場合、月10万の広告費で一人でも採用出来たらお安いですよね！ 二人採用出来たらお得感マシマシですw という具合に、費用対効果で広告予算を決めていきます。 ◆この他に、サジェストと言って、検索ワードを打ち込むとよく検索されている類似の候補ワードが出てきます。 これを活用した SEO 対策です。※下は「ラーメン」とうワードで検索した場合の例です。 ◆MEO という、Google Map を活用した SEO です。 マップ検索ではいくつもピンが出ますよね？アレです。同業者が便乗して検索結果にピン表示されます。 更にピンをクリックすればお店の電話番号や web サイト、営業時間などの個別情報も表示されます。 HS Works では更に、Instagram を活用したマーケティングもしています。 ホームページ制作のみならず、公開後の運用、広告やマーケティングのご相談もまるっとお任せください。 業種に合わせた最適なご提案をさせていただきます！ あ、また宣伝になっちゃいましたw ご連絡お待ちしています♪ .br { display: block; content: ""; height: 9px; }