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. 生活用品・雑貨・インテリア・家具

生活用品・雑貨・インテリア・家具– tag –

  • Web制作

    株式会社インテリアゴトウ 様

    コーポレートサイト制作 対応内容:企画設計・デザイン・コーディング・インタビュー取材・記事ライティング・採用支援・WordPress構築・運用サポート納品までの期間:約3ヶ月CMS:WordPressURL:https://interiorgoto.com/ 【】 創業100年を迎える内装施...
    2025年11月24日
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.