基本設定

文字

文字
文字
BUTTON STYLE

可能與實際介面略有差異。

變更預覽

此設定會套用到按鈕文字。

重點:
設定按鈕顯示文案,明確告知使用者下一步行動。

影響:
文案會直接影響理解速度與點擊率。

調整建議:
建議 10~18 字,並加入動詞(例如:立即申請 / 查看詳情)。

設定項目

  • 文字:按鈕顯示文案,預設值為 BUTTON STYLE

註解:
若要 Hover 顯示不同文字,請在 Hover 分頁設定 Hover 文字。

文字
文字
BUTTON STYLE

可能與實際介面略有差異。

變更預覽

此設定會套用到按鈕文字。

標籤

標籤
HTML 標籤
Link
連結網址
https://
連結目標
_self
rel Attribute
none
連結標題
aria-label
追蹤 ID
按鈕位置
ID

可能與實際介面略有差異。

重點:
設定輸出 HTML 標籤與屬性,明確區分連結跳轉或按鈕行為。

影響:
會影響 SEO、可及性與追蹤設定(GTM)。

調整建議:
跳頁用 a,表單/JS 動作用 button

設定項目

  • HTML 標籤連結a)/ 按鈕button),預設為 連結

選擇 連結 時

HTML 標籤
HTML 標籤
Link

可能與實際介面略有差異。

選擇 連結 時
連結網址
https://
連結目標
同一頁面
設定連結開啟方式
REL Attribute
SEO 與安全設定
連結標題
懸停時顯示的提示文字

可能與實際介面略有差異。

  • 連結 URL
  • 連結 Target_self / _blank
  • rel Attributenoopener / noreferrer / nofollow
  • 連結 Title

註解:
使用 target="_blank" 時會自動附加 rel="noopener"

選擇 按鈕 時

選擇 按鈕 時
按鈕類型
button

可能與實際介面略有差異。

  • 按鈕 Typebutton / submit / reset

註解:
submit 用於送出表單;表單外請使用 buttonreset 會清空輸入,請審慎使用。

共通項目

共通項目
ARIA-LABEL
螢幕閱讀器的描述文字
追蹤 ID
GTM 等的點擊 ID (data-click-id)
按鈕位置
按鈕配置位置 (data-button-location)
ID

可能與實際介面略有差異。

  • aria-label
  • Tracking ID
  • 按鈕 Location
  • ID

註解:
Tracking ID按鈕 Location 會以 data-* 輸出。ID 在同頁中必須唯一。