タグ検索：web制作 , 名古屋

Webサイトを運用していると、システムのバージョンアップや掲載内容の改修、またはサーバの移設など、様々なケースでWebサイトを一時的にメンテナンス画面に切り替え、運用を停止しなくてはいけない場面に遭遇します。理想的にはWebサイトの運用を止めずに、スムーズにメンテナンス作業が完了することが望ましいのですが、現実的には難しい場合が多々あります。

メンテナンスページを設ける方法として、一般的にはルート階層にメンテナンス内容を記載したファイル（index.htmlなど）を設置して、あとは.htaccessでリダイレクトをかけるなど、割とざっくりと対応しているケースもある様ですが、検索エンジンのクローラーが回ってきた場合に意図しない判断をされてしまう可能性があるため、正しい方法でメンテナンス画面を用意することが推奨されています。

.htaccessで503ページを用意する

Google検索セントラルを確認すると、「サイトのダウンタイムへの対処の仕方」には、下記の様に「503」を利用することが推奨されております。503を使うことによりGoogleにメンテナンス中であることが伝わるため、インデックスなどに影響が出る事もない様です。SEOを重要視されているWebサイトにとってインデックスは非常に重要ですので、Googleの推奨される方法で実装されることをお勧めいたします。

・サイトのダウンタイムへの対処の仕方
「サイトのダウンタイムへの対処の仕方」の詳細はこちら

503でリダイレクトをかける場合、一般的にはhtmlを設置するroot階層の.htaccessに下記の様な記述で対応します。
（サーバの仕様により書き方が変わる場合がありますので、実施にはご利用中のサーバに合わせて記述してください）

#root階層にmaintenance.html（メンテナンスページ）を設置する場合
#自分のIPを除外する場合はIP箇所のコメントアウトを外してIPを設定してください
ErrorDocument 503 /maintenance.html
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_URI} !/maintenance.html
#RewriteCond %{REMOTE_ADDR} !=000.000.00.00
RewriteCond %{REQUEST_FILENAME} !^(.*)\.(jpg|png|css)$
RewriteRule ^.*$ - [R=503,L]
</IfModule>

#メンテナンス終了予定日時
<IfModule mod_headers.c>
Header set Retry-After "Fri, 5 July 2024 7:00:00 GMT"
</IfModule>

a-blog cmsならシステムに503ページが用意されています

a-blog cmsには「管理ページ」のダッシュボードに、メンテナンス画面に切り替える機能が備わっております。
こちらからモードを切り替える事で「503」ページに転送できますので、簡単に切り替えが可能です。
503ページの内容を変更したい場合は、あらかじめ作成した503.htmlをサーバのhtmlを設置するroot階層にアップロードしておく必要がありますのでご注意ください。（root階層にファイルがない場合は、a-blog cmsが用意した定型のメンテナンスページが表示されます）

CPIは503が利用できないらしい

今回メンテナンスページを表示するサーバがCPIだったのですが、調べたところCPIでは.htaccessの503エラーの操作についてサーバ側で制限がかかっており、ユーザー側では503用ページを設定することが出来ない事が分かりました。
CPIでメンテナンスページを表示する場合は、302のリダイレクトなどでメンテナンスページへ転送するなど、他の手段を使う必要があるようですのでご注意ください。

・CPI .htaccess の設定方法
「CPI .htaccess の設定方法」の詳細はこちら

この様に.htaccessに制限がかかっている場合もありますので、ご利用のサーバを事前に調べておくことをお勧めいたします。

#CPIでサイト全体のアクセスをmaintenance.htmlに302リダイレクトをする場合
#root階層にmaintenance.html（メンテナンスページ）を設置
Options +SymLinksIfOwnerMatch
RewriteEngine On
RewriteCond %{REQUEST_URI} !/maintenance.html$
RewriteRule ^(.*)$ /maintenance.html [R=302,L]

最後に

メンテナンスページを表示するという単純な作業が、思わぬところで「Googleからのインデックスを削除されてしまう」場合があると思うだけでドキッとします。メンテナンス中は時間との戦いです。メンテナンス自体の作業に追われ余裕がない事も多いと思いますので、ぜひ事前にしっかりと準備をして、心に余裕をもって対応されることをお勧めいたします。（自分自身への忠告も込めて…）

メンテナンスページ自体は人が見るだけですが、その裏でWebサイトの評価を落とさない様に、この様な情報を頭の片隅にでも覚えておいていただければ幸いです。

以前こちらのブログ「名古屋のWeb制作会社としてもうすぐ15年になります」でも書きましたが、本日2024年7月1日で創業15年が経ち、16期目がスタートいたしました。

2007年に名古屋のWeb制作事業者として個人事業主で創業し、2年後の2009年に法人化して現在に至ります。
これもお取引いただいているお客様をはじめ、仲良くさせていただいている方、そして弊社のスタッフや関係者の方など、皆様のお力添えがあり続けてこられたのだと思います。本当にありがとうございます。

移り変わりの早いWeb業界

弊社の主な営業品目として企業様の「Webサイト制作」があります。
主に企業のコーポレートサイトを制作させていただく事が多いのですが、店舗・医院・協会、イベント・キャンペーンサイトなど様々な種類のWebサイトを制作してきました。

最近ではAI化の流れも進んでおり、弊社でも少しずつAIで対応可能な部分は作業に導入していたりします。まだまだ未知数なところもありますが、この流れは避けられないものだと思いますので、効率よく利用しお客様の利益につながる様に、上手く利用できればと思っています。（と言いましても、まだ単純な作業をAIに置き換えて検証をしている様な状態ですが…）

創業当時のWeb業界のことを思い出してみますと、企業にWebサイトがあることは当たり前の世の中でした。次の段階としてcmsを導入し「簡単・便利にWebサイトを更新できる様にして、Webサイトを通してユーザーや顧客に訴求しましょう」という流れだった様に思います。TwitterなどのSNSはもちろんありましたが、まだアカウントを持って運用をしているのは個人が多く、企業がSNSで発信をしているケースは少なかった記憶がありますので、企業がWeb上で情報発信する際には、自社のWebサイトを活用するという感じでした。

スマートフォンもまだiPhoneが出た頃（日本ではiPhone 3Gが2008年に登場しました）で、トレンドに敏感な周りの方がガラケーからiPhoneへ乗り換えている頃でした。そんな時代ですので、WebサイトもメインはPCサイトで一緒に携帯サイトを作るという感じで、PCでのIEハック（IEでのレイアウト崩れを防ぐ処理）なども主流でした。思い出すと懐かしくなりますね…。そんな時に現れた救世主が「jQuery」でした。ブラウザの差異を吸収してくれる優れもので、jsでのフロントエンドの実装が急展開で進むきっかけになった様に思います。

SEOも以前はキーワード文字を詰め込み、外部サイトで大量に被リンクを稼ぐ様な方法が主流で、現在ではNGになる様な杜撰な対策がメインでした。弊社はその様なSEO対策は受け入れられず、当時のSEO対策については一切お引き受けすることはございませんでした。ただ、SEOは本当にこの15年でまともになり、Web制作の現場として納得をして実装が出来る非常に良い環境になりましたので、今は積極的にSEOのご相談も承っております。

そういえば、個人的にはこの頃からWebサイトを作る際のコーディングにはエディターしか使わなくなりました。
2000年頃はhtmlのレイアウトはテーブル組みが主流だったため、その流れでDWなどのソフトを使っていましたが、2009年頃からはほぼエディターだけでhtml/css/jsなどは済ませています。

Webサイトに求められるものや、作り方自体も変わっていますので、変わったことを言い出すとキリがないのですが、この様に変化の流れが早いWeb業界で生き残っていく為に、これからも日々精進していきたいと思います。

近くの御器所神社さんへお礼に

15年間のお礼と今期1年良いお仕事ができます様にと、職場近くの御器所神社さんへ参拝に行ってきました。
初心忘れずまた1年頑張ろうと思います。

最後に

懐かしい話も出ましたが…変化の早いWeb業界だからこそ、時代のニーズを捉えながらチャンレンジし、私たちを選んでいただいたお客様に喜んでいただける様に、結果の出る成果物を求めていきたいと思います。良いご提案ができる様に、新しい取り組みや検証なども頑張ってまいりますので、今後ともどうぞ宜しくお願いいたします。

弊社のWeb制作については下記ページをご覧ください。
Webサイト制作

自社Webサイトやお客様のWebサイトなど、弊社では複数のWebサイトのSEOランキングを日々計測しています。
当たり前ですが、どのWebサイトもサイト構成やデザイン、掲載内容、更新頻度、Core Web Bitals の対策具合は異なっています。

もちろん一番良いのは、a-blog cms（CMS）を常に最新にして、サーバ環境も最新に（または定期的に見直し）、Core Web Bitalsを改善しつつ諸々の対策、そして何よりしっかりと目的を持って定期的にWebサイトを更新をしていただく事です。これが一番効果が出ますし、日々の更新の中で常に改善が出来ますので、実際のビジネスのスピードに合わせたWebサイトの運営ができ、検索順位だけでなくユーザーにとっても有益なWebサイトになります。

ただ、複数管理させていただいているWebサイトの中には、普段あまり更新をしないWebサイト（年に数回程度）もあります。そんな普段更新をしないWebサイトでも、下記の対策を行ったことで順位が改善しているものがあります。

SEOの改善に行った対策

• a-blog cmsを最新版にバージョンアップ
• 最新サーバに乗り換え
• PHPを8.x以降に（できればPHP8.3）／PHP関連の各メモリ割り当てを増加（できれば2G程度）
• a-blog cmsとサーバのキャッシュ関連の適切な設定
• Core Web Bitalsを改善
• 構造化データの導入・見直し
• Search Consoleの情報を元に「インデックス／重複／canonical」などの調整

Webサイトの基礎が活きる

サイトごとに狙うキーワードのシェアや競合サイトなども違いますし、サイト自体のGoogleの評価も変わってきますので一概には言えませんが、サーバの環境やWebサイト構造など、Webサイトの基礎の部分を見直し改善すると、あまりサイトを更新していなくても一定の評価が上がると感じています。

上記の様な見直しや改善は、全て結果的にWebサイトのパフォーマンスやセキュリティなどの向上につながります。パフォーマンスやセキュリティの改善は、効果があることをGoogleも公表していますが、日々実測していると経過が分かりますので非常に面白いです。

また、Core Web Bitalsにはユーザービリティやアクセシビリティに関する項目もあるため、例えSEO目的の対策であったとしても、結果的にはWebサイトやそのユーザーに対して非常に有益な施策だと言えると思います。

Core Web Bitalsに関しては以前にも「Web制作会社がおこなうSEO施策とCore Web Bitalsの改善」や「SEOとは「UXを高めていく事」という時代になったのだと思う」で書いておりますので、興味がある方はぜひご覧ください。

最後に

もしSEOで検索順位を上げたくても効果が出ない場合は、ぜひこの辺りの改善も視野に入れてみてはいかがでしょうか。
Webサイトやサーバが数年前の環境のままでしたら、改善はしても悪くなることはないと思います。
上記の施策だけでしたら、Webサイトに掲載している内容に変更を加えませんので、この施策で順位が悪化することはないと思いますので、評価を全体的に底上げする意味でも効果的だと思います。

a-blog cmsでのWebサイト運用にはノウハウもございますので、「Webサイトが見てもらえない」など、Webサイトの効果に疑問を感じたり、何かWebサイトの事でお困りでしたら、是非お気軽にご相談ください。

2024/6/11に名駅のコワーキングスペース ベースキャンプ名古屋で開催された「a-blog cms 勉強会 in 名古屋 2024/06」に参加してきました。
a-blog cms勉強会は毎月定期的に開催されており、普段からa-blog cmsをヘビーユースされているビジネスパートナーの方や、まだ始めたばかりの初心者の方、そしてa-blog cms開発会社のアップルップル社の皆さんなど、多くの参加者で一緒にa-blog cmsを学んでいます。a-blog cms周りの話題はもちろん、最近のWebのトレンドなどのお話も出ますのでいつも大変勉強になっております。

a-blog cms Ver. 3.1.17 リリースのお知らせ

まず最初の話題としましては、新しくリリースされた3.1.17のリリース情報のお知らせがありました。
詳細は「a-blog cms公式サイトのデベロッパー情報」をご確認いただければわかりますが、新機能と変更点のあった項目の中から、時に個人的に嬉しかったポイントをピックアップしてご紹介します。

新機能

• CMS-6808 メディア作成・更新時のHookを新しく追加（saveMedia）
• CMS-6814 エントリーの複製時にカスタムフィールド、カスタムユニット、ユニットに保存されたファイル名をランダムにするかをカスタマイズするオプション（entry_duplicate_random_filename）を config.system.yaml に追加
• CMS-6827 子ブログを含んだ初期インストールが出来る仕組みを用意
• CMS-6824 Google検索に対してサイト名を指定するWebSite構造化データを追加
• CMS-6842 インストーラーでデータベースの照合順序を選択できるように修正

変更点

• CMS-6804 CMSで作成するファイル・ディレクトリのパーミッション設定をconfig.server.phpで設定するように変更
• CMS-6840 Ajaxによる部分テンプレートアクセスにCSRFトークンによる認証を追加し、許可するtpl指定（allow_tpl_path）を個別指定しなくてもいいように改修 & Ajaxリクエストのセキュリティレベルオプションを用意（ajax_security_level）

個人的に嬉しかった推しのポイント

「CMS-6824」はGoogle検索結果での表記の指定に関わりますので、日頃からSEOを気にされている方には嬉しい機能になると思います。
また、「CMS-6842」は絵文字を使う際に指定する「utf8mb4」がインストール時から選べる様になったことで、後からデータベースを変更する手間が減るためとても便利になりそうです。

実は個人的に一番嬉しかったのが変更点「CMS-6840」です。先日こちらのブログ（a-blog cmsにhtmx（jsライブラリ）を実装してみました）でも紹介しましたが、今回こちらの仕様変更により、今まで以上にセキュアで簡単にhtmxの実装が可能になりました。htmxにはとても可能性を感じておりますので、a-blog cms + htmxが使いやすくなることは非常に嬉しいです。

勉強会に参加された皆さんの質問・疑問にお答えするコーナー

リリース情報の後は、勉強会に参加された皆さんが持ち寄った質疑応答のコーナーでした。
普段作業されているなかで解決ができなかったことや、作業の進め方の意見交換など、実際に作業をされている方々だからこそ抱えているお悩みなどを意見交換しながら解決していきました。

僕は利用歴が長いので知っている事もありましたが、長く使っていてもまだまだ知らない事や、使う機会がなくて忘れていた機能もあり勉強になりました。特に普段触ることの少ないプロフェッショナルライセンスの機能などは、こういった機会がないと画面をみながら情報交換することは難しく感じていますので、とても有意義な時間でした。

最後に

今回もとても勉強になり、有意義な時間でした。
参加された皆さま、そしてアップルップルの皆さま、本当にありがとうございました。

冒頭にもお話ししましたが、a-blog cmsの勉強会は定期的に開催されております。
特に名古屋にはa-blog cmsの開発会社であるアップルップルさんがありますので、実際に集まり開発されているスタッフの皆さんやビジネスパートナー・ユーザーの皆さんと、対面でお話をしながら勉強が出来ます。普段抱えている悩み等や疑問も相談する事ができますし、こんな機能があったら嬉しいなどもお話しできます。名古屋まで参加ができない方に向けに、他のエリアでも勉強会が開催されておりますし、オンラインでも開催されております。

a-blog cmsは大変素晴らしいサポート体制が整っておりますが、これはアップルップルの皆さんの運営なくしてありえないので、とてもとても感謝しております。（ここ大事なところ！）

a-blog cmsの利用を予定されている方や、これから勉強されたい方など、a-blog cms勉強会に参加されてみてはいかがでしょうか？ぜひ国産のcmsの良さを体験してみてくださいね。これからもa-blog cmsが今まで以上に盛り上がっていくと嬉しいので、興味がある方は一緒に勉強しましょう。

【a-blog cms勉強会の詳細はこちらから】
・a-blog cms イベントスケジュール
・名駅のコワーキングスペース ベースキャンプ名古屋

数ヶ月前からSEOで「Web制作 名古屋」で上げてみようと思い色々やりまして、やはり少し時間は掛かりましたが、こちらの1つのエントリー（名古屋の制作会社として15年になります）で今朝（2024/6/9現在）で13位くらいまで上がってきました。10位以内には入れたいなと思いますが、「Web制作 名古屋」はボリュームのあるキーワードなので現状でも結構うれしいです。

「Web制作 名古屋」で検索順位を改善する為におこなった対策

何をやったかですけど、地味な作業ですが「Lighthouse」を使ったCore Web Bitalsの改善、サイト内の表記などの見直し、そしてブログエントリーを計画的に書く、Seach Consoleを見て細かく調整や改善、そして最後にサイト監査ツールを導入して各所チェックし、現状把握と見直しできるところを随時潰していった感じです。

「ホームページ」などの表記は「Webサイト」に統一し、表記の揺らぎを無くしています。この場合「ホームページ制作 名古屋」で検索順位が下がるのでは？と思う方もいるかもしれませんが、現在「ホームページ制作 名古屋」では28位くらいにいますので、同じ意味のキーワードであればGoogleがある程度判断して順位に反映している思われます。

ただ、Core Web Bitals は一度改善しましたが、このエントリーを書く前に、先日トップに動画を入れたので今の数値は下がりました。これが検索結果にどう出るかはまだこれからなので、こちらは注意してみていく予定です。
あと改善すれば数値は良くなりますが、これってどうなの？という部分はあえて対策していない箇所もあります。（Core Web Bitalsの結果は重視したいが、色々表現出来ないと面白くないので…）

サイト内でのキーワード表記の考え方

サイト内のキーワード表記に関しては基本的にはGoogleを信じて、不誠実はことはしていません。表記はしっかりと狙ったものにして、必要であればそのワードに添った内容をその都度書いています。
Googleは検索ユーザーの検索クエリ（問い）に対して検索結果から最適なページ（答え）を提供したいだけなので、問いを想定して答えのページを用意します。その問いが検索上位に上げたいキーワードであれば良いので、あとはその答えのパターンを増やしていけば良いと思います。

目的のキーワードに対してエントリーを書けば、自然にそのキーワードの周囲にあるサジェスト的な内容のキーワードも文章に含まれてきます。重要な内容に対してはきちんと見出しを設定して、その項目に対して詳しく書く配慮はしています。

文章が不自然になる様なことはしていません。
「検索ユーザーが好まないエントリーはGoogleも嫌うでしょう」という判断です。

サイト監査ツールの導入

サイト監査ツールは1ヶ月ほど前に導入しましたが、これがサイトの状態を知るには結構便利です。もし弊社のお客様が導入されたい場合は有料ですがご提案もできます。（監査ツールにはまだ数枠空きがあるので先着になります）
特に外部施策としてリンク貼ったりなど何かあるわけではないので、このツールは導入するだけでは効果はないのですが、指標になりますのでかなり役に立ちます。

導入される場合は弊社からのレポートだけになります。管理ページは提供できませんのでご了承ください。
ただ、直接ツールをご購入いただければ管理ページも提供されますので、本格的にご利用される場合は、高価になりますがツールをご購入された方が良いかもしれません。

※弊社が何のツールを導入しているかはここでは触れません。ご了承ください。

競合サイト調査の必要性

上記の監査ツールを導入すると競合サイトの調査なども可能です。
競合調査をすると上位サイトはかなりのページ量のコラムやブログを持っていることが多く、それはサイトをパッとみただけでは分からない場合が多いです。「なぜ上位サイトに勝てないのか」を紐解き、実際の競合サイトの規模を知ると「ああ…だから上位なのか」となることも多いです。

ただ競合サイト調査から競合サイトの流入ページや流入キーワードがわかりますので、そちらを参考にしてより充実したエントリーを作り、さらなる上位を目指すなどもできると思います。逆に競合サイト調査をしないと分からないことも多いと思います。

最後に

現状上位に上がっているのは、1つのブログエントリーですが、こういう上位に食い込むエントリーが複数作れる様になると、後々ドメインとしてこのキーワードに強くなりますので、内部リンクの貼り方でトップページを上位にすることもできると思います。

SEOは基本的に「ちゃんとサイト運営していれば気にしなくていい派」でしたが、狙って運営すれば効果が出ますので、今では「目的を持って計画的に運営すれば気にしなくていい派」になりました。日本規模で争う様な超ビッグワードだとそんな簡単ではないんでしょうけど、地域性を含むならキーワードでしたら、ある程度は上位に上げることも可能だと思います。

SEOには専門的なWebマーケティングやSEOの会社がありますので、Webに関わる会社も今は細分化されております。ただWeb制作会社にも出来ることは沢山ありますので、ぜひSEOにお困りの方は、まずはWebサイトを制作されている制作会社さんに相談されてみてはいかがでしょうか。