Rocks Company ホームページへも是非遊びにきてください

ホームページを丸ごと作り替えた話|社長は一度もコードを書いていません|vol.1049

ホームページを丸ごと作り替えた話 アイキャッチ

ロックス・カンパニーの
ホームページが新しくなりました🤓

事業が増えて
そろそろ見た目変えたいなぁと
思ったので

前々から希望しておりましたが
やはり自社のホームページが
1番後回しになるものです😂

我々は広告業なのに
お客様のホームページばっかり
いじっており

自社のホームページは
ほとんど気にされておりません

それも無理もありません

担当スタッフは
やはり収益性が高いものから
着手していきます

本当は自社の
ホームページをいじる事は

すごく収益性を狙えることに
つながるはずなのに

作ったからといって
売り上げにならないと言う観点から
やはり後回しになっちゃいますね

だから私がやりました‼️😁

今日はそんな私が
自社のホームページを作った
作り方をお知らせします!

サトシ
サトシ

(このブログの筆者)
(株)ロックス・カンパニー代表取締役久保田サトシといいます。

とにかく都会が嫌い。。。故郷大分県で頑張る中小企業の情報発信を支援するのが生き甲斐で、これまで約200社を伴走してきました。本ブログでは「IT・デジタル話」を「ひらがなで解説」しています。

😀久保田のプロフィール

久保田サトシ

久保田サトシからのおすすめです👇 無料・3分・全8問

あなたの会社はどのタイプ?
社長のためのAI活用タイプ診断

  • 🌱 様子見
  • 🔥 独学奮闘
  • ⚙️ 部分活用
  • 🚀 仕組み化目前

この4タイプのどれかがわかり、「明日からやる3つのこと」まで出ます

Q1. ChatGPTなどのAIを、仕事で使っていますか?

タップすると続きの7問へ/登録はメールアドレスのみ

🎧
この記事は「聴く」こともできます
聴くブログ!クボタラヂオ / 約6分 / AI久保田サトシがAI音声でお届けします
フォローすると毎朝届きます ▶ YouTube Spotify Amazon Music

なぜワードプレスにしたかったのか🖥️

もちろんAIに手伝ってもらいました。。。

と言うより
ほとんどAIがしてくれました

もともと弊社のホームページは
ありましたが

リニューアルをしたかったんです

しかもコーディングソフトで
作っていたものでしたから

それらをワードプレスに
変換したかったんです😁

Wordプレスに変換したい理由は

・担当者が更新しやすい
・SEOがコントロールしやすい
・ブログなど構築しやすい

と言う理由からです

メニューがダサい・段落が醜いといった日本語の指示だけでAIがホームページを実装する流れ

AIに出した命令は全部日本語です🗣️

私はAIに最初にこのような命令を出しました

『弊社のホームページをそのままワードプレスでコーディングをしてください。見た目を変えないでください。』

つまり今のホームページの状態を
WordPressにコピーをしてくださいと言う指示です

Wordプレスとは代表的なCMSの1つ

皆さんが見ている
ホームページの大半は
ワードプレスで作られています

その後に打ち込んだのも
こんな言葉ばかりです

「トップのスライドの
タイトルが弱い もっと大きく」

「メニューがダサい」

「段落が醜い」

お恥ずかしい話ですが
この程度なんです😅

何ピクセルにしてとか
どのタグを使ってとか

そんな指示は
一度もしていません

それでも意図は伝わって
ちゃんと形になって返ってきます🙌

私はコードを
一行も書いていません

やり慣れないことはやるもんじゃない😵

しかしhtmlはもちろんCSSやPHPなど
勉強しないといけないことがたくさんあります

しかもホームページなんか
普段から作らないので
当然忘れてしまうわけです

・サーバーへのインストールどうやったっけ?

・CSSどこいじるんだったっけ?

やり慣れないことは
やるもんじゃないと

今まで何回も経験してきました

しかし今回はAIくんが
その全てをやってくれました

同じ内容が古いページと新しいページの2つにあり検索エンジンが判断できない状態と、転送で解消した状態

実は二重になっていました😱

途中でAIくんが
妙なことを言い出しました

「古いページがまだ生きています」

作り替えたはずの会社案内が
昔のアドレスでも
そのまま開ける状態でした

つまり同じ内容が
2つの場所にあるわけです😨

検索エンジンから見ると
どちらが本物か分からなくなります

リニューアルしたのに
検索順位が上がらない

そういう会社は
たいていこれだと思います

古いアドレスから新しいアドレスへ
きちんと転送を設置してもらいました🚧

パソコンでは整って見えるページが、スマホでは写真が出ず表がはみ出して崩れている対比

スマホで見たら別物でした📱

パソコンで確認して
満足していたんですが

自分のスマホで開いて
愕然としました😇

一番上の写真が
そもそも出てこない

表が横にはみ出して読めない

パソコンで作った人は
スマホの崩れに
気づけないんですよね

結局いちばんの品質管理は

社長が自分のスマホで見てダサいと言うこと

これに尽きると思いました😆

記事674本をまるごと引っ越し、昔のシェアリンク・検索結果・ポッドキャスト配信が新しいアドレスへつながる図

ブログも一緒に引っ越しました🚚

このブログも今回
まとめて移しています

記事は674本ありました📚

過去にフェイスブックで
シェアしたリンクも

ポッドキャストの配信も
全部そのまま使えるようにしてあります

引っ越すとリンクが切れる

そう思われがちですが
ちゃんと処理すれば起きません

逆に処理をしないと
積み上げた資産を
全部捨てることになります😱

任せたことと決めたこと🤓

今回AIに任せてよかったのは
実装と調査です

全ページを機械的に調べて
おかしい所を洗い出す

人がやったら
何日かかるか分かりません😵

逆に私が決めるべきだったのは
ブログをどこに置くか
価格をどう見せるか

そして

「これは違う」と言うこと

ここだけは
人の仕事だと思いました😌

ホームページを作り替えたと言うと
どこの制作会社に頼んだのと
よく聞かれます

今回は頼んでいません

私が言葉で指示をして
AIが実装しました✨

専門知識がなくても
自分の会社のホームページは
自分で作り替えられる時代です

細かい話はまだまだあるので
何回かに分けて書いていきますね😁

今日も最後までお読みいただき
ありがとうございました🙏

この記事のテーマでお手伝いしています

 

無料オンラインサロン入会受付中!

ブログの更新情報やIT集客についてのヒントをお教えしています
非公開のフェイスブックグループです
https://www.facebook.com/groups/1284260338789747

お気軽に入会いただき
共に勉強してましょう!

久保田サトシオンラインサロン入会入口
久保田サトシオンラインサロン入会入口

 

この記事のテキスト版(読み上げ対応・全文)

スクリーンリーダーや読み上げ機能をお使いの方向けに、この記事の内容を句読点つきの文章で掲載しています。音声版(聴くブログ!クボタラヂオ)と同じ内容です。

オープニング

聴くブログ、クボタラヂオ。おはようございます、AI久保田サトシです。この番組はAI久保田サトシがAI音声でお届けしています。さて今日は、弊社ロックス・カンパニーのホームページを丸ごと作り替えた、というお話をしたいんですよ。事業が増えてきて、そろそろ見た目を変えたいなあと前々から思っていたんですけどね。我々は広告業なのに、お客様のホームページばっかりいじっていて、自社のホームページはいつも一番後回しになるんです。スタッフはどうしても収益性の高い仕事から手をつけますからね。だから、もう私がやりました。

なぜワードプレスに?

もちろんAIに手伝ってもらいました。というより、ほとんどAIがやってくれたんですよ。もともと弊社のホームページはあったんですが、コーディングソフトで作られていたものだったんですね。それをワードプレスに変換したかったんです。理由は三つあります。一つ目は、担当者が自分で更新しやすいこと。二つ目は、エスイーオーがコントロールしやすいこと。三つ目は、ブログなどを組み立てやすいことです。この三つがそろっているのは、やっぱり大きいんですよ。

AIへの指示は全部日本語

私がAIに最初に出した命令は、弊社のホームページをそのままワードプレスでコーディングしてください、見た目を変えないでください、というものでした。つまり、今のホームページをワードプレスにコピーしてくださいという指示ですね。ワードプレスというのは代表的なシーエムエスの一つで、皆さんが見ているホームページの大半はこれで作られています。その後に打ち込んだ言葉も、トップのスライドのタイトルが弱いのでもっと大きく、メニューがダサい、段落が醜い、こんな調子ばっかりなんです。お恥ずかしい話ですが、この程度なんですよ。何ピクセルにしてとか、どのタグを使ってなんて指示は一度もしていません。それでも意図は伝わって、ちゃんと形になって返ってくるんです。私はコードを一行も書いていません。

やり慣れないことは大変

とはいえホームページというのは、エイチティーエムエルはもちろん、シーエスエスやピーエイチピーなど、勉強しないといけないことがたくさんあります。しかも普段から作るものではないので、当然忘れてしまうんですよ。サーバーへのインストールはどうやったっけ、シーエスエスはどこをいじるんだったっけ、こんな調子です。やり慣れないことはやるもんじゃないと、私は今まで何回も痛い目にあってきました。でも今回は、AIくんがその全部をやってくれたんですね。

実はページが二重に

途中でAIくんが妙なことを言い出したんですよ。古いページがまだ生きています、と。作り替えたはずの会社案内が、昔のアドレスでもそのまま開ける状態だったんです。つまり同じ内容が二つの場所にあるわけですね。検索エンジンから見ると、どちらが本物なのか分からなくなってしまいます。リニューアルしたのに検索順位が上がらない、そういう会社さんはたいていこれだと思うんですよ。ですから、古いアドレスから新しいアドレスへ、きちんと転送を設置してもらいました。

スマホで見たら別物

それからもう一つ。パソコンで確認して満足していたんですが、自分のスマホで開いて愕然としました。一番上の写真がそもそも出てこないんです。表も横にはみ出して読めません。パソコンで作った人は、スマホでの崩れに気づけないんですよね。結局いちばんの品質管理は、社長が自分のスマホで見て、ダサいと言うこと。これに尽きると思いました。

ブログも一緒に引っ越し

このブログも今回まとめて移しています。記事は六百七十四本ありました。過去にフェイスブックでシェアしたリンクも、ポッドキャストの配信も、全部そのまま使えるようにしてあります。引っ越すとリンクが切れる、そう思われがちですが、ちゃんと処理をすれば起きないんですよ。逆に処理をしなければ、積み上げてきた資産を全部捨てることになります。ここは本当に気をつけてほしいところです。

任せたことと決めたこと

今回AIに任せてよかったのは、実装と調査です。全ページを機械的に調べて、おかしいところを洗い出してくれました。人がやったら何日かかるか分かりません。逆に私が決めるべきだったのは、ブログをどこに置くか、価格をどう見せるか。そして、これは違う、と言うことです。ここだけは人の仕事だなと思いました。

まとめ

ホームページを作り替えたと言うと、どこの制作会社に頼んだのとよく聞かれます。今回は頼んでいません。私が言葉で指示をして、AIが実装しました。専門知識がなくても、自分の会社のホームページは自分で作り替えられる時代なんですよ。細かい話はまだまだあるので、何回かに分けてお話ししていきますね。詳しい内容はブログにも書いていますので、概要欄のリンクからのぞいてみてください。自分の会社のAI活用がどの段階か知りたい方は、ブログの三分でできるAI活用タイプ診断を試してみてください。それでは今日はこのへんで。AI久保田サトシでした。

あなたの会社のAI活用は今どの段階?

3分でわかる「AI活用タイプ診断」で
自社の現在地と、明日からやる3つのことをお答えします

▶ 無料でAI活用タイプ診断をする(3分)

お急ぎの方は 無料AI相談(30分) へどうぞ

久保田サトシ✉ はじめての方はまずコレ

社長のためのAI・ITメルマガ(無料・週1回)

毎日読むのは大変…という方へ。AI・ITの「今週これだけ知っておけば大丈夫」
久保田サトシが専門用語なしでメールにまとめてお届けします

登録はメールアドレスだけ。解除もメール1本でいつでもできます

皆様からの励ましのコメントを是非お願いします

タイトルとURLをコピーしました