ブログ

記事一覧の6/7ページ目です。

ホームページのリニューアルで検索順位を落とさないために — URL移行・リダイレクト・サイトマップの実務

ホームページのリニューアルで検索順位を落とさないために — URL移行・リダイレクト・サイトマップの実務

リニューアルで一番多い失敗が「公開後に検索順位が下がる」。原因の多くはURLの変更とリダイレクト漏れです。評価を引き継ぐためのリダイレクト・サイトマップ・内部リンクの要点を、実際に手を動かす制作者の視点でまとめました。リニューアルを控えている方は参考にしてください。

サーバーレスでも問い合わせフォームのメールは送れる — Cloudflare Workers × Gmail API

サーバーレスでも問い合わせフォームのメールは送れる — Cloudflare Workers × Gmail API

「サーバーレスなら問い合わせフォームのメールはどう送るの?」——よく聞かれる疑問です。SMTPが使えない理由と、GmailのHTTP APIで送る方法、確認画面・自動返信までを、当サイトの実装を例に説明します。フォーム実装を担当する方に向けた内容です。

ホームページ制作を外注する前に — 依頼の流れと「費用の決まり方」

ホームページ制作を外注する前に — 依頼の流れと「費用の決まり方」

ホームページ制作を外注するときの「お問い合わせから公開までの流れ」と、「費用がどんな要素で決まるのか」をやさしく解説します。初めての依頼でも迷わないための準備ポイントもまとめました。ホームページ制作を初めて外注する事業者の方に向けた、依頼前に読んでおきたい基礎知識です。

「コーダー」とは? Webデザイナー・制作会社との違いと使い分け

「コーダー」とは? Webデザイナー・制作会社との違いと使い分け

Web制作を依頼するときに出てくる「コーダー」という職種。デザイナーや制作会社と何が違い、どんなときに直接依頼すると良いのかを、発注者の視点でわかりやすく解説します。Web制作を初めて外注する方や、デザインは用意できているのでコーディングだけ頼みたい方は、依頼先を選ぶ際の参考にしてください。

Figma・Adobe XD のデザインデータからコーディングを依頼する流れ

Figma・Adobe XD のデザインデータからコーディングを依頼する流れ

Figma や Adobe XD のデザインデータがあれば、デザインを忠実に再現したコーディングをスムーズに依頼できます。対応形式・渡していただきたいもの・進め方をわかりやすく解説します。デザインはできているのでコーディングだけを外注したい方や、初めて依頼する方に向けて、事前に知っておきたい点をまとめています。

サイトの表示が遅い原因と改善方法 — Core Web Vitals をやさしく

サイトの表示が遅い原因と改善方法 — Core Web Vitals をやさしく

「サイトの表示が遅い」と感じたら要注意。表示速度は離脱率にもSEOにも影響します。Googleが重視する Core Web Vitals の3指標と、遅くなる原因・改善方法をやさしく解説します。自社サイトの表示が遅いと感じている事業者の方や、何から手をつければいいか分からない方に向けた入門記事です。

EmDashとは? Astroネイティブの新しいCMSをやさしく解説

EmDashとは? Astroネイティブの新しいCMSをやさしく解説

EmDashは、Astroのために作られた新しいCMSです。WordPressや従来のヘッドレスCMSと何が違うのか、特徴・仕組み・向き不向きを、できるだけやさしく解説します。WordPressからの乗り換えを考えている方や、新しいCMSを検討している制作会社の方が、最初に全体像をつかむための入門記事です。

「速い・安全・更新できる」サイトを EmDash × Astro で作る理由

「速い・安全・更新できる」サイトを EmDash × Astro で作る理由

表示が速い、セキュリティを保ちやすい、自社で更新できる。EmDash × Astro がこの3つを両立しやすい理由を、専門用語をかみ砕いて解説します。WordPressと比べた向き不向きや、この構成の弱いところも書きました。リニューアルで構成を見直したい方の判断材料にどうぞ。

このポートフォリオは EmDash で作っています — 構成の舞台裏

このポートフォリオは EmDash で作っています — 構成の舞台裏

このサイト自体が、Astro × EmDash で作られています。なぜこの構成を選んだのか、実際にどんな機能を実装したのかを、制作者の視点で公開します。EmDashでのサイト制作を検討している方や、WordPress以外の構成に関心がある制作会社の方は、実際の構成例として参考にしてください。