degicon の工房|Web制作・構築

  • Astro
  • Cloudflare Pages
  • CDN / SSL

積み重ねたものが伝わる、
ホームページをつくります。

フロントは Astro、公開・配信は Cloudflare(Pages と世界規模の CDN)——この組み合わせを標準に、新規サイトも Dreamweaver 時代のリニューアルもお引き受けします。静的ページ中心で軽く、スマートフォンでも読みやすく、更新のたびにサーバー管理に縛られにくいサイトを目指します。

Astro で組み、Cloudflare で届ける。

無料・月間枠あり

あなたの WordPress サイト、無料で診断します

なぜ診断が必要か

作り変える前に、まず今のサイトの状態を確認します

WordPressサイトの状態は、管理画面を開かないと見えません。更新の状況、プラグインの数、表示の速さ、スマホでの見え方を知ることで、「作り変えるべきか」「今のまま使えるか」を落ち着いて判断できます。無料診断では、外から確認できる範囲を事実だけでお伝えし、あなたのサイトに合う方法をご提案します。

外から確認できる範囲で、WordPress の有無・テーマやプラグインの痕跡・スマホ表示・https・サイトマップ・表示速度の目安などを調べ、A4 1〜2枚相当のレポートをお届けします(人の目で確定してから送付)。

  • ネットショップ・会員サイトなど複雑な構成は対象外の場合があります
  • 1サイト1回・月間の受付枠に限りがあります
無料診断を申し込む

サイトビルダー(Wix・STUDIO 等)の方は ビルダー向け無料診断

制作メニュー

つくる。作り直す。移し替える。

新規サイト・リニューアル・Dreamweaver 時代の HTML の移し替えまで、文章と写真を活かした Web 制作をお引き受けします。料金の目安は 料金表(目安)、技術の詳細は Astro × Cloudflare、古いページの変化は 見本ギャラリーでご確認ください。

  • 01

    新規サイトの構築

    お店・会社・作品のサイトを、Astro による構成づくりから Cloudflare への公開まで。写真と言葉が主役になる、落ち着いたデザインでお作りします。

  • 02

    リニューアル(作り直し)

    スマホで崩れる、文字が小さい、更新が止まっている。いまお使いの文章と写真を生かしたまま、Astro ベースの現行サイトに組み直します。

  • 03

    古いサイトの移し替え

    Dreamweaver や旧 CMS で作った HTML を、Astro プロジェクトへ移し、Cloudflare Pages で配信する形へ移し替えます。ページ数の多いサイトもご相談ください。

あわせてご相談いただけること

  • SNSで共有したときの表示(OGP)の設定
  • Cloudflare 上でのドメイン接続・HTTPS・キャッシュの基本設定
  • 検索で見つけてもらうための基本設定(説明文・構造化データ)
  • 古い写真の補修・カラー化
  • 英語ページの作成
  • 公開後の更新・運用のお手伝い

見本ギャラリー

4件のビフォー・アフターと診断結果

Dreamweaver 時代のページを4件、診断付きで作り直した見本を公開しています(case 003〜006)。詳しい見比べは 見本ギャラリー専用ページ でもご覧いただけます。

見本 1|もとのテンプレート:CSS Page Builder Magic小さな設計事務所のサイト

小さな設計事務所のサイト:作り直した後の画面(パソコン)小さな設計事務所のサイト:もとのページの画面(パソコン)もとのページ作り直した見本
診断結果E
  • スマートフォンの幅(390px)で、ページが横に約2.5倍はみ出します
  • メニューの文字が小さく、ほとんど読めません
  • 長い文章が中央揃えのため、行の始まりを目で追いにくくなっています

作り直しで改めたこと

  • スマートフォンでも、横にはみ出さない作りにしました
  • 写真を大きく見せ、見出しと文章を左揃えにしました
  • 内容を「仕事・事務所・ご相談」の3つに整理しました
見本ページを開くもとのページを開く

見本 2|もとのテンプレート:PVII Mercury1ページ型サイト「Mercury」

1ページ型サイト「Mercury」:作り直した後の画面(パソコン)1ページ型サイト「Mercury」:もとのページの画面(パソコン)もとのページ作り直した見本
診断結果D
  • 横にめくる作りのため、スマートフォンの幅で約700pxまで横にはみ出します
  • 画面下のフッターが、本文や画像の上に重なって隠しています
  • 10px以下の小さな文字が、10か所あります
  • 古いブラウザ(Internet Explorer)向けの記述が残っています

作り直しで改めたこと

  • もとの内容を生かしたまま、縦に読み進める構成にしました
  • メニューを上に固定し、いま読んでいる箇所がわかるようにしました
  • 英語の見出しに、日本語の見出しを添えました
見本ページを開くもとのページを開く

見本 3|もとのテンプレート:PVII Gadzooks作品ギャラリー「Monochrome & Red」

作品ギャラリー「Monochrome & Red」:作り直した後の画面(パソコン)作品ギャラリー「Monochrome & Red」:もとのページの画面(パソコン)もとのページ作り直した見本
診断結果C
  • スマートフォンでの表示には対応できています(良い点)
  • 終了したサービス(Google+、Digg)へのボタンが残っています
  • 画像16枚のうち8枚に、説明(代替テキスト)がありません

作り直しで改めたこと

  • 作品が引き立つ、暗い背景のギャラリーにしました
  • 作品をクリックすると、大きく表示されます
  • すべての画像に説明文を付け、SNSはいまも使われているものだけにしました
見本ページを開くもとのページを開く

見本 4|もとのテンプレート:PVII Harmonium写真とデザインのスタジオ「Harmonium」

写真とデザインのスタジオ「Harmonium」:作り直した後の画面(パソコン)写真とデザインのスタジオ「Harmonium」:もとのページの画面(パソコン)もとのページ作り直した見本
診断結果D
  • SNSボタンの画像7つが表示されません(ファイルが見つかりません)
  • いちばん小さい文字は約7.4pxで、読むことができません
  • ページの大見出し(h1)がありません

作り直しで改めたこと

  • 色を選ぶと写真の服の色が変わる、印象に残る入口を設けました
  • 内容を「作品・サービス・掲載」の3つに整理しました
  • サービス名は、もとのページの言葉をそのまま使っています
見本ページを開くもとのページを開く

4つのページに共通していたこと

  • ページの言語(日本語)が指定されていません。 翻訳機能や読み上げ機能、検索エンジンが、日本語のページだと判断しにくくなります。
  • 検索結果に出る説明文(description)がありません。 検索結果には、ページ内の文章が自動で切り取られて表示されます。
  • SNSで共有したときの表示(OGP)が設定されていません。 共有したときに、画像やタイトルがきれいに出ません。
  • 著作権表記の年が「1999-2024」のまま止まっています。 更新されていないサイトという印象を与えることがあります。

※診断の数値は、ページを実際に読み込んで測ったものです。

※見本の事業者名と文章は、説明のための架空のものです(見本2は、もとのページの内容をもとに文章を整えています)。写真は、もとのページで使われていたテンプレート付属の素材です。

運営サイトでの実例

このサイトも、
私たちがつくっています。

degicon-aplink.com は Astro と Cloudflare で運営するデジタルアーカイブです。浮世絵や古写真、古典の本や映画を、いまの画面で読みやすく、探しやすい形に組み直してきました。このサイトと同じ技術スタックで、お店や会社の Web サイトもお作りします。

制作の進め方

ご相談から公開まで

  1. 1

    ご相談

    つくりたいサイト、いまのサイトのお困りごとをお聞かせください。不安な場合は Web 健康診断(小さな依頼) から始めていただいても構いません。

  2. 2

    構成とデザイン案

    ページの構成と、トップページのデザイン案をご覧いただきます。

  3. 3

    制作・ご確認

    実際に動くページで確認しながら、文章や写真を整えていきます。

  4. 4

    公開・その後

    Cloudflare Pages への公開まで行います。公開後の更新・再デプロイもご相談ください。

小さな依頼 · BASE · degicon.base.shop/ (商品ページ準備中)

まずは小さく頼める、Web の健康診断から。

いきなり制作の見積もりでなく、迷わず頼める金額から始められます。診断結果がそのまま次の作業と制作の見積もりの根拠になります。トップ1枚だけなら 無料の簡易診断 からどうぞ。有料の詳しい診断など BASE 経由のメニューは商品ページ準備中です(内容は 料金表参照)。

  1. ① 診断(5,500円) いちばん小さな入口
  2. ② 見直し・登録代行(8,800〜22,000円) 診断結果を根拠に
  3. ③ 本体の制作 見積もり・銀行振込

Webサイト健康診断をご依頼のうえ、続けて Web 制作(新規・リニューアル)を本契約でお任せいただく場合、診断料(5,500円・税込)相当を制作費から差し引きます。

  • 5,500円(税込)

    Webサイト健康診断レポート

    PDFレポート(主要5ページを対象) · 作業目安 1〜2時間

    スマホ表示・速度・HTTPS・タイトル/説明文・OGP・構造化データ・サイトマップ/robots・リンク切れ・著作権表記・文字サイズなどを確認し、A〜Eで評価。「直すとよい順」に3点を挙げます。

    • 社内の診断ツールで下地を作成し、所見を手で追記します
    • 結果はそのまま見直し・制作の見積もりの根拠になります

    BASE 公開準備中 お問い合わせで相談する

  • 11,000円(税込)

    Search Console 登録・初期設定代行

    設定完了報告 + 1か月後の簡易レポート · 作業目安 約2時間(初回1.5h+1か月後0.5h)

    所有権の確認、サイトマップ送信、主要ページのインデックス登録リクエストまで。パスワードは預からず、Google アカウントへ「ユーザー」として招待いただく方式です。

    • 手順書に沿って進められるよう、事前に案内します
    • 1か月後レポートは、月例レポートメニューへの継続にもつなげられます

    BASE 公開準備中 お問い合わせで相談する

BASE の商品ページは現在準備中です。メニュー内容・料金のご質問はお問い合わせから承ります。

のちに追加予定のメニュー

  • タイトル・説明文の見直し(10ページ) 8,800円(税込)
  • 構造化データ 基本セット 22,000円〜(税込)
  • 月例 Search Console レポート 3,300円/月(税込)

ローンチ時は「健康診断」と「Search Console 登録」の2商品から。タイトル見直し・構造化データ・月例レポートは、申し込み状況を見て追加します。

  • 無形商品のため、納品のたびに納品書を特定記録郵便でお送りします(送料は商品価格に含めています)。
  • ご購入後、ヒアリング(URL・お困りごと・対象ページ)のご案内メールをお送りします。作業は入金確認後に開始します。
  • EC・会員制・ログイン必須ページ、診断対象ページ数の上限など、対象外条件は各商品ページに記載します。

本体の制作(新規・リニューアル・移し替え)は 上の制作メニュー をご覧ください。大規模案件は 個別見積もり(銀行振込)です。

技術スタック

Astro × Cloudflare で公開する Web サイト

WordPress やレンタルサーバーに頼らず、モダンな静的サイト生成(Astro)と Cloudflare のエッジ配信で運用する構成です。degicon-aplink.com 自身も同じ仕組みで動いています。

  • Astro

    ページを先に組み立ててから配信する方式。表示が速く、HTML が整理され、スマホ向けの表示も組み込みやすいフレームワークです。更新はファイルベースで管理できます。

  • Cloudflare Pages

    ビルドしたサイトを Cloudflare 上に公開。HTTPS・CDN・キャッシュが一体となり、国内・海外どちらからも読み込みが安定しやすくなります。

  • 必要に応じて Workers 等

    お問い合わせフォームや軽い API など、ページ以外の処理は Cloudflare Workers などエッジ側の仕組みと組み合わせることもできます(要件に応じてご提案します)。

Search Console 対応

検索エンジンに、
きちんと読まれる作り。

検索で見つけてもらうには、まず検索エンジンのクローラーが、ページを迷わず読めることが大切です。degicon-aplink.com で Google Search Console の数字を見ながら改善してきた作り方を、そのまま組み込みます。

  • サイトマップと Search Console 登録

    公開時に XML サイトマップを用意し、Google Search Console の「サイトマップ」欄に https:// から始まる URL を登録します。すべてのページが見つけてもらえる状態から始めます。

  • URLの整理

    末尾スラッシュの統一、重複ページの正規URL(canonical)指定、古いURLからの転送(301)で、評価が分散しないようにします。

  • 構造化データ(JSON-LD)

    会社・サービス・作品・パンくずリストなどを、検索エンジンが読み取れる形で記述します。

  • タイトルと説明文の設計

    検索結果で途切れない長さに整え、ページごとに中身に合った言葉を選びます。

  • 速く、スマホで読みやすく

    表示が速い静的サイトで構築し、スマートフォンでの読みやすさなど、検索エンジンが重視する基本を満たします。

  • 公開の通知と、その後の見直し

    更新を IndexNow で検索エンジンに通知。公開後は Search Console の数字を見ながら、改善点をご報告します。

検索順位を保証するものではありません。検索エンジンに正しく読んでもらうための土台づくりです。すでにお持ちのサイトの登録だけ頼みたい場合は、 小さな依頼メニューの「Search Console 登録・初期設定代行」 からもご依頼いただけます(BASE 公開後)。

積み重ねた歴史はそのまま、
見え方だけ新しく。

長く続けてきたお店や会社の言葉には、その年月にしか出せない重みがあります。私たちは文章を書き換えるのではなく、読みやすく、伝わりやすい器に移し替えます。

まずは、いまのサイトのことを
聞かせてください。

新しくつくる場合も、作り直す場合も、ご相談からお受けします。いまのサイトがあれば、そのURLもお知らせください。

制作について相談する

残す。甦らせる。飾る。