MENU
  • コンセプトConcept
  • サービスService
  • ソリューションSolution
  • 実例紹介Work
  • 会社概要About us
  • ブログBlog
  • 初回無料相談
  • Facebook
  • Instagram
  • Twitter
  • YouTube
Webサイトの制作・運用・集客なら| Duo Partner Design(デュオパートナーデザイン)
DPD
  • コンセプトConcept
  • サービスService
  • ソリューションSolution
  • 実例紹介Work
  • 会社概要About us
  • ブログBlog
  • 初回無料相談
お問合せ
DPD
  • コンセプトConcept
  • サービスService
  • ソリューションSolution
  • 実例紹介Work
  • 会社概要About us
  • ブログBlog
  • 初回無料相談
  1. ホーム
  2. LP(ランディングページ)

LP(ランディングページ)– tag –

  • Web制作

    株式会社アベシン 様

    特設ランディングページ制作 対応内容:企画設計・デザイン・コーディング・コピーライティング納品までの期間:約3ヶ月CMS:WordPressURL:https://chiritumo-action.net/lp/abeshin/ 【】 株式会社アベシン様は、紙製リッド(蓋)と紙蓋圧着の自動化機械を...
    2025年11月24日
  • Web制作

    PreSeedsアカデミー 様

    Duo Partner Design 合同会社(DPD)は、PreSeeds Academy様のランディングページを制作いたしました。このページは、医学部を目指す中学生、高校生に向けた学習塾のサービスを紹介するためのものです。詳細は以下をご覧ください。 更にサイトを見る>&g...
    2023年8月4日
  • Web制作

    MBA探偵社 様

    Duo Partner Design 合同会社(DPD)は、MBA探偵様のランディングページ形式のウェブサイトを制作いたしました。探偵業の特徴を活かし、ユニークで引き込まれるビジュアルデザインを採用しつつ、サービス全体像をスワイプして理解できる構成に仕上げました...
    2023年8月4日
1

Contact

タグは“役割”で決める。 ページ遷移(URL/アンカーへ移動) → <a href> インタラク タグは“役割”で決める。

ページ遷移(URL/アンカーへ移動)
→ <a href>

インタラクション(開閉・タブ・モーダル)
→ <button>

フォーム送信 
→ <button type="submit">

—保存用メモ—
 見た目は.btnでそろえ、意味はタグで分ける。

<a class="btn" href="/...">移動</a>
<button class="btn" type="button">操作</button>

保存して基準に。迷ったらコメントへ。

#HTML基礎 #マークアップ #アクセシビリティ #フロントエンド #ボタン設計
画像と説明は、セットで伝える。 ・<figure>は「ひと固まりのメディア」 ・<figcapti 画像と説明は、セットで伝える。

・<figure>は「ひと固まりのメディア」
・<figcaption>はその説明。
・装飾だけの画像ならalt=" "。
💡情報を持つなら状況が浮かぶaltに。

—保存用メモ—
<figure>
 <img src="..." alt="何が写っていて何のためか">
 <figcaption>必要なら説明</figcaption>
</figure>

保存して社内テンプレに。
altで迷ったらコメントへ。

#HTML #セマンティクス #代替テキスト #アクセシビリティ #Web担当 #UIUX #コンテンツ制作 #DPDアカデミー #キャプション設計
div多用のページを、3タグで劇的に読みやすく。 ・見出し = <h1–h6> ・本文 = <p> div多用のページを、3タグで劇的に読みやすく。

・見出し = <h1–h6>
・本文 = <p>
・箇条書き = <ul><li>
💡検索と読み上げの両方に効きます。

—保存用メモ—
置換の合言葉は H / P / UL-LI。

<h2>見出し</h2>
<p>本文。</p>
<ul><li>項目</li></ul>

保存して社内ルールに。
わからない場合はコメントへ。

#Web制作 #マークアップ #HTML #アクセシビリティ #SEO基礎 #社内ガイド #DPDアカデミー #Web担当 #コーディング #学習記録
. 更新作業、 ムダに時間がかかっていませんか? -Webサイトの落とし穴- 運用が非効率だと、最 .
更新作業、
ムダに時間がかかっていませんか?

-Webサイトの落とし穴-
運用が非効率だと、最新情報が出せず
アクセス数低下。

・更新するのに毎回時間がかかる 
・古い情報がそのまま放置される 
・新しいページを作れない

信頼失墜のリスクに...

-Answer-
効率的に運用できる仕組みが必須。

サイト運用、これチェック!
・CMSで社内更新できる? 
・更新作業、ルーティン化できてる?
・最新情報をすぐ反映できる?
・運用コストは適正に管理できてる?

-Action-
無料診断実施中!
詳しくはプロフをチェック!!
#Webサイト改善 #更新作業  #アクセス解析 #離脱率改善 #web集客
Instagram でフォロー

タグは“役割”で決める。 ページ遷移(URL/アンカーへ移動) → <a href> インタラク タグは“役割”で決める。

ページ遷移(URL/アンカーへ移動)
→ <a href>

インタラクション(開閉・タブ・モーダル)
→ <button>

フォーム送信 
→ <button type="submit">

—保存用メモ—
 見た目は.btnでそろえ、意味はタグで分ける。

<a class="btn" href="/...">移動</a>
<button class="btn" type="button">操作</button>

保存して基準に。迷ったらコメントへ。

#HTML基礎 #マークアップ #アクセシビリティ #フロントエンド #ボタン設計
画像と説明は、セットで伝える。 ・<figure>は「ひと固まりのメディア」 ・<figcapti 画像と説明は、セットで伝える。

・<figure>は「ひと固まりのメディア」
・<figcaption>はその説明。
・装飾だけの画像ならalt=" "。
💡情報を持つなら状況が浮かぶaltに。

—保存用メモ—
<figure>
 <img src="..." alt="何が写っていて何のためか">
 <figcaption>必要なら説明</figcaption>
</figure>

保存して社内テンプレに。
altで迷ったらコメントへ。

#HTML #セマンティクス #代替テキスト #アクセシビリティ #Web担当 #UIUX #コンテンツ制作 #DPDアカデミー #キャプション設計
div多用のページを、3タグで劇的に読みやすく。 ・見出し = <h1–h6> ・本文 = <p> div多用のページを、3タグで劇的に読みやすく。

・見出し = <h1–h6>
・本文 = <p>
・箇条書き = <ul><li>
💡検索と読み上げの両方に効きます。

—保存用メモ—
置換の合言葉は H / P / UL-LI。

<h2>見出し</h2>
<p>本文。</p>
<ul><li>項目</li></ul>

保存して社内ルールに。
わからない場合はコメントへ。

#Web制作 #マークアップ #HTML #アクセシビリティ #SEO基礎 #社内ガイド #DPDアカデミー #Web担当 #コーディング #学習記録
. 更新作業、 ムダに時間がかかっていませんか? -Webサイトの落とし穴- 運用が非効率だと、最 .
更新作業、
ムダに時間がかかっていませんか?

-Webサイトの落とし穴-
運用が非効率だと、最新情報が出せず
アクセス数低下。

・更新するのに毎回時間がかかる 
・古い情報がそのまま放置される 
・新しいページを作れない

信頼失墜のリスクに...

-Answer-
効率的に運用できる仕組みが必須。

サイト運用、これチェック!
・CMSで社内更新できる? 
・更新作業、ルーティン化できてる?
・最新情報をすぐ反映できる?
・運用コストは適正に管理できてる?

-Action-
無料診断実施中!
詳しくはプロフをチェック!!
#Webサイト改善 #更新作業  #アクセス解析 #離脱率改善 #web集客
Instagram でフォロー

Duo Partner Design合同会社
(デュオパートナーデザイン)
〒184-0002
東京都小金井市梶野町1-2-36
  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • ソリューション
    • ゆるマジDASH
    • ゆるマジコンサル
    • ゆるマジSTART
    • 小規模持続化補助金活用型Web制作
    • キャラクターブランディング
    • 脱炭素経営プロモーション
    • 採用強化のためのWeb制作/採用ブランディング
  • 初回無料相談受付中
  • サービス
    • WEB制作
    • WEB運用
    • WEB集客
  • お知らせ
  • コンセプト
  • BLOG「ザ・ベストフラッグ」
  • パートナー(協力会社)募集
  • DPDのSNS
  • 特定個人情報を含む個人情報保護方針
  • 会社概要
  • マスコミの方へ

© Copyright 2023 Duo Partner Design.LLC, All rights reserved.