テキストトランケーター
テキストを特定の文字、単語、または文数制限に切り詰めます。カスタマイズ可能な省略記号に対応しています。UIデザインとSEOのために異なる長さでテキストがどのように表示されるかをプレビューできます。
243 chars · 42 words
Truncate by
Limit
Ellipsis
Common presets
Truncated Result
160 / 243 characters · truncatedThe quick brown fox jumped over the lazy dog near the river bank. It paused to look at its reflection, then continued its journey through the dense forest. The…
160 / 160 characters
テキストトランケーターの使い方
- 1テキストを入力フィールドにペーストしてください。
- 2切り詰め単位を選択してください:文字、単語、または文。
- 3制限を設定し、省略記号スタイルを選択してください。
- 4デザイン用に切り詰めたテキストをコピーしてください。
Zenovayアナリティクス
関連ツール
よくある質問
テキストの切り詰めとは何ですか?▾
テキストの切り詰めは、定義された長さの制約に収まるようにテキストを短縮し、通常は省略された内容を示す省略記号(...)が続きます。UIカード(製品タイトル、投稿プレビュー)、SEOメタディスクリプション(160文字制限)、Open Graphの説明、VARCHAR制限のあるデータベースカラム、通知メッセージ、ボタンラベルで使用されます。
SEOメタディスクリプションの理想的な長さは何ですか?▾
Googleはメタディスクリプションを最大約155〜160文字(デバイスによって異なる)まで表示します。最適:デスクトップで120〜155文字、モバイルで100〜120文字。ベストプラクティス:主要なキーワードを自然に含め、行動を促す言葉で終わらせ、各ページで独自にし、ページコンテンツを正確に説明してください。
CSSのテキスト切り詰めはどのように機能しますか?▾
1行:overflow: hidden; white-space: nowrap; text-overflow: ellipsis; — 固定またはmax-widthのコンテナが必要です。複数行(WebKit):display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; — N行に制限します。JavaScriptの切り詰めはより詳細なコントロールを提供:文字数、単語数、またはcanvas.measureText()によるピクセル幅で切り詰めます。
一般的な切り詰め制限は何ですか?▾
SEOメタタイトル:60文字。SEOメタディスクリプション:160文字。Twitterカードタイトル:70文字。Open Graphの説明:200文字。LinkedInの投稿プレビュー:210文字。プッシュ通知タイトル:50〜65文字(OSによって異なる)。SMS:160文字(単一セグメント)。メールの件名:50文字(モバイルプレビュー用)。データベースVARCHARの典型的な制限:255または500文字。
スマート/単語境界の切り詰めとは何ですか?▾
スマートな切り詰めは制限の前に最後の完全な単語で切り詰め、単語の途中での切断を避けます。例20文字で:「The quick brown fox」(ダム)は「The quick brown fo」+「...」に切れるかもしれませんが、スマートな切り詰めは「The quick brown」+「...」に切ります。実装:lastIndexOf(' ', limit)を使って制限前の最後のスペースを見つけます。