@jjlmoya/utils-social 1.2.0 → 1.4.0

package/src/tool/youtubeThumbnailPreviewer/i18n/it.ts

@@ -0,0 +1,321 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { YoutubeThumbnailPreviewerUI } from '../ui';
+
+const slug = 'anteprima-miniature-youtube';
+const title = 'Anteprima Miniature YouTube Online: Migliora il tuo CTR Gratis';
+const description =
+  'Carica la tua miniatura e visualizza come appare nel feed reale di YouTube su mobile e desktop. Simulatore di modalità chiara e scura per ottimizzare i clic istantaneamente.';
+
+const faqData = [
+  {
+    question: 'Perché è fondamentale testare le miniature di YouTube?',
+    answer:
+      'La maggior parte degli utenti guarda YouTube su dispositivi mobili. Una miniatura che appare ottima sul tuo monitor potrebbe risultare illeggibile su uno schermo piccolo. Testarla in un simulatore assicura che il testo sia chiaro e che il soggetto principale risalti in qualsiasi dimensione.',
+  },
+  {
+    question: 'Devo registrarmi per usare questo Previewer?',
+    answer:
+      'No. Il nostro strumento è gratuito al 100% e funziona direttamente nel tuo browser. Non è necessario creare un account né lasciare la tua email per ottimizzare le tue miniature.',
+  },
+  {
+    question: 'I miei design vengono caricati sul vostro server?',
+    answer:
+      'Assolutamente no. La privacy è la nostra priorità numero uno. Quando selezioni un file, questo viene caricato localmente nella memoria del tuo browser tramite un URL temporaneo. Nessuno, tranne te, può vedere il design che stai testando.',
+  },
+  {
+    question: 'In che modo questo strumento aiuta a migliorare il mio CTR?',
+    answer:
+      'Il CTR (Click-Through Rate) è la percentuale di persone che cliccano quando vedono la miniatura. Simulando l’ambiente reale (sfondo nero vs bianco, mobile vs desktop), puoi correggere errori di contrasto e composizione prima della pubblicazione, aumentando i tuoi clic.',
+  },
+  {
+    question: 'Funziona con la Modalità Scura ufficiale di YouTube?',
+    answer:
+      'Sì. Abbiamo incluso un selettore di temi (Chiaro e Scuro) che imita esattamente i colori esadecimali utilizzati dall’app ufficiale di YouTube in entrambe le modalità.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Carica il tuo design',
+    text: 'Fai clic sull’area di caricamento o trascina il tuo file immagine (PNG, JPG o WebP) direttamente nello strumento.',
+  },
+  {
+    name: 'Imposta il contesto',
+    text: 'Inserisci il titolo del tuo video e il nome del tuo canale affinché la simulazione sia il più realistica possibile rispetto al feed reale.',
+  },
+  {
+    name: 'Cambia dispositivo',
+    text: "Alterna tra la vista 'Desktop' e 'Mobile' per verificare la leggibilità su schermi di diverse dimensioni.",
+  },
+  {
+    name: 'Testa il contrasto',
+    text: "Attiva il tema 'Scuro' per vedere se i colori risaltano correttamente contro lo sfondo nero di YouTube.",
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'it',
+};
+
+export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Domande Frequenti',
+  faq: faqData,
+  bibliographyTitle: 'Riferimenti',
+  bibliography: [
+    {
+      name: 'Guida di YouTube: Creare miniature personalizzate per i video',
+      url: 'https://support.google.com/youtube/answer/141805',
+    },
+    {
+      name: 'Nielsen Norman Group: Visual Processing and UX Design',
+      url: 'https://www.nngroup.com/articles/visual-processing/',
+    },
+    {
+      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
+      url: 'https://derraleves.com/the-youtube-formula/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Anteprima Miniature per YouTube: Domina il CTR del tuo Canale',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Nell’ecosistema di YouTube, la miniatura (o thumbnail) è la porta d’ingresso ai tuoi contenuti. Puoi avere il miglior video del mondo — montaggio da Hollywood, sceneggiatura da Oscar — ma se nessuno clicca, il tuo lavoro sarà invisibile per l’algoritmo. È qui che entra in gioco il <strong>CTR (Click-Through Rate)</strong>, e la miniatura è il fattore determinante.',
+    },
+    {
+      type: 'title',
+      text: 'Perché è necessario testare le miniature prima di caricarle',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Anteprima Reale:</strong> Guarda la tua miniatura esattamente come apparirà nel feed di YouTube.',
+        '<strong>Modalità Scura e Chiara:</strong> Assicurati che i colori risaltino in qualsiasi configurazione dell’utente.',
+        '<strong>Simulatore di Dispositivi:</strong> Controlla la leggibilità del testo sia su monitor che su piccoli schermi mobile.',
+        '<strong>Ottimizzazione del CTR:</strong> Confronta il tuo design con l’interfaccia nativa per massimizzare i clic.',
+        '<strong>Nessuna Registrazione:</strong> Carica la tua immagine e provala all’istante senza creare account.',
+        '<strong>Privacy Garantita:</strong> I tuoi design vengono elaborati localmente e mai caricati sui server.',
+      ],
+    },
+    {
+      type: 'paragraph',
+      html: 'Molti creator commettono l’errore di progettare le proprie miniature su grandi monitor, visualizzandole a schermo intero nei loro editor preferiti. Il problema è che l’utente finale la vede raramente così. La maggior parte le consuma su un dispositivo mobile mentre scorre il feed, o in un angolo del monitor in modalità scura. Il nostro <strong>Anteprima Miniature di YouTube</strong> ti permette di rompere questa "illusione del designer" e vedere la realtà chirurgica del feed.',
+    },
+    {
+      type: 'title',
+      text: 'Metriche Tecniche e Prestazioni',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: '0,2 s', body: 'Tempo di Risposta' },
+        { title: '4K', body: 'Risoluzione Massima' },
+        { title: '100%', body: 'Privacy Locale' },
+        { title: 'HD', body: 'Qualità Nativa' },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'La Psicologia del Clic: Perché le miniature falliscono',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Il cervello umano elabora le immagini migliaia di volte più velocemente del testo. Tuttavia, su YouTube, la concorrenza è brutale. La tua miniatura non deve solo essere "bella" — deve essere <strong>leggibile</strong> e avere <strong>contrasto</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Un errore comune è usare colori che si fondono con lo sfondo di YouTube. Se usi grigi scuri e il tuo spettatore è in modalità scura, il tuo video scomparirà semplicemente dalla sua visione periferica. Usando questo tester, puoi alternare i temi e assicurarti che il tuo design "spicchi" in qualsiasi scenario.',
+    },
+    {
+      type: 'title',
+      text: 'Confronto Diretto: Design vs. Realtà',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Vale la pena perdere 30 secondi per testare la miniatura? La risposta è un rotondo SÌ. Una miniatura ottimizzata può raddoppiare le tue visualizzazioni nelle prime 24 ore, indicando all’IA di YouTube che il tuo contenuto ha "presa".',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Design in Photoshop / Canva',
+          body: 'Falsa sensazione delle dimensioni reali · Ignora il contrasto con lo sfondo dell’app · Il testo sembra leggibile ma forse non lo è · Non vedi gli elementi della UI (durata, avatar)',
+        },
+        {
+          title: 'Anteprima Miniature YouTube',
+          body: 'Vista reale nel feed Home · Contrasto verificato in Dark vs Light Mode · Leggibilità del testo garantita su mobile · Simulazione di titoli e nomi canale',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Checklist per una Miniatura con CTR Superiore al 10%',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Prima di esportare il tuo design finale, assicurati di passare attraverso questa lista di controllo utilizzando il nostro simulatore professionale:',
+    },
+    {
+      type: 'list',
+      items: [
+        'Il testo è leggibile su uno schermo mobile piccolo?',
+        'C’è abbastanza contrasto tra lo sfondo e il soggetto principale?',
+        'La miniatura appare bene sullo sfondo nero della Modalità Scura?',
+        'Il titolo del video copre informazioni vitali dell’immagine?',
+        'Il badge della durata (il quadratino nero) nasconde qualcosa di importante?',
+        'Il volto o l’oggetto principale trasmettono l’emozione desiderata a dimensioni ridotte?',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Anatomia di una Miniatura ad Alto Impatto',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Basandoci sull’analisi dei canali più grandi al mondo, una miniatura vincente segue solitamente questo schema strutturale:',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Soggetto Principale',
+          body: 'Fuoco dell’attenzione primaria · Usa ritagli nitidi con un leggero bordo o saturazione extra.',
+        },
+        {
+          title: 'Testo (Max 3 parole)',
+          body: 'Contesto istantaneo · Usa font Sans Serif spessi e colori complementari.',
+        },
+        {
+          title: 'Sfondo Sfocato',
+          body: 'Separazione dei piani · Aggiunge profondità in modo che il soggetto principale "salti" fuori dallo schermo.',
+        },
+        {
+          title: 'Spazio della Durata',
+          body: 'Evitare errori · Non mettere volti o testo nell’angolo in basso a destra.',
+        },
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Il Trucco della Zona Morta',
+      html: '<p>YouTube posiziona sempre un riquadro nero con la durata del video nell’angolo in basso a destra della miniatura. Migliaia di creator mettono elementi vitali in quella zona, solo per scoprire che l’app li copre. Il nostro strumento simula questo riquadro in modo da non coprire mai la tua inquadratura migliore.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Vantaggi e Limitazioni dello Strumento',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Interfaccia ultra rapida e reattiva',
+          body: 'Limitazione: Non permette l’editing dell’immagine (usare Canva/PS)',
+        },
+        {
+          title: 'Mockup esatti dell’App e del Web',
+          body: 'Limitazione: Non simula gli annunci Pre-roll',
+        },
+        {
+          title: 'Gratis e senza pubblicità invasiva',
+          body: 'Limitazione: Supporta solo file locali',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: "Uso della Modalità 'Split' (Confronto Diretto)",
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Questa è la funzione di punta. Attivando la modalità Split, vedrai la tua miniatura attraverso la lente della Modalità Chiara e della Modalità Scura contemporaneamente. È il modo definitivo per verificare se la tua tavolozza di colori è universale o se necessita di regolazioni di luminosità e contrasto.',
+    },
+    {
+      type: 'title',
+      text: 'Privacy: I Tuoi Design non vengono Caricati sul Cloud',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Sappiamo che le tue miniature sono parte della tua strategia segreta prima di un lancio. Per questo abbiamo progettato questa utilità affinché lavori esclusivamente nel motore del tuo browser. <strong>Nulla viene caricato su internet</strong>. Il file che selezioni viene caricato tramite un URL locale temporaneo che scompare alla chiusura della scheda. La tua proprietà intellettuale è al 100% sotto il tuo controllo.',
+    },
+    {
+      type: 'title',
+      text: 'Conclusione: Il Pixel Perfetto Garantito',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Smetti di tirare a indovinare e inizia a validare. L’<strong>Anteprima Miniature per YouTube</strong> di JJLMoya è lo strumento gratuito che separa i creator amatoriali dai professionisti dei contenuti. Un piccolo aggiustamento nella dimensione di un font o nella posizione del soggetto può fare la differenza tra un video che passa inosservato e un successo virale.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Inizia a ottimizzare il tuo canale ora e dai ai tuoi video il tasso di clic che meritano!',
+    },
+  ],
+  ui: {
+    dropFeedTitle: 'Trascina la tua Miniatura',
+    dropFeedSub: 'PNG, JPG o WebP · Immagini multiple',
+    dropAvatarTitle: 'Trascina il tuo Avatar',
+    dropAvatarSub: 'Immagine profilo del canale',
+    labelTitle: 'Titolo del video',
+    labelChannel: 'Nome del canale',
+    defaultTitle: 'Il tuo Titolo Video Qui',
+    defaultChannel: 'Nome del Canale',
+    btnDesktop: 'Desktop',
+    btnMobile: 'Mobile',
+    btnClear: 'Pulisci',
+    labelLight: 'Chiaro',
+    labelDark: 'Scuro',
+    views0: '1,2 mln di visualizzazioni · 1 ora fa',
+    views1: '45 minuti fa',
+    views2: '250.000 visualizzazioni · 1 giorno fa',
+    views3: '3,1 mln di visualizzazioni · 1 settimana fa',
+  },
+};

package/src/tool/youtubeThumbnailPreviewer/i18n/ja.ts

@@ -0,0 +1,321 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { YoutubeThumbnailPreviewerUI } from '../ui';
+
+const slug = 'youtube-thumbnail-previewer';
+const title = 'YouTubeサムネイルプレビュー：クリック率（CTR）向上のための無料ツール';
+const description =
+  'サムネイル画像をアップロードして、モバイルやデスクトップの実際のYouTubeフィードでの見栄えを確認できます。ダークモードとライトモードのシミュレーターで、クリックを即座に最適化。';
+
+const faqData = [
+  {
+    question: 'なぜYouTubeサムネイルのテストが重要なのですか？',
+    answer:
+      'ほとんどのユーザーはモバイルデバイスでYouTubeを視聴します。PCモニターで綺麗に見えるサムネイルでも、小さな画面では文字が読めないことがあります。シミュレーターでテストすることで、どんなサイズでもテキストが鮮明で、メインの被写体が際立つことを確認できます。',
+  },
+  {
+    question: 'このプレビューツールを使うために登録は必要ですか？',
+    answer:
+      'いいえ。当ツールは100%無料で、ブラウザ上で直接動作します。サムネイルを最適化するために、アカウント作成やメールアドレスの提供は一切不要です。',
+  },
+  {
+    question: 'デザインした画像はサーバーにアップロードされますか？',
+    answer:
+      'いいえ、決してアップロードされません。プライバシーを最優先に考えています。ファイルを選択すると、ブラウザのメモリ内に一時的なURLとしてローカルに読み込まれます。あなた以外の誰も、テスト中のデザインを見ることはできません。',
+  },
+  {
+    question: 'このツールはどのようにCTR（クリック率）の向上に役立ちますか？',
+    answer:
+      'CTRとは、サムネイルを見た人のうち、実際にクリックした人の割合です。実際の環境（ダーク vs ライト背景、モバイル vs デスクトップ）をシミュレートすることで、公開前にコントラストや構成の問題を修正でき、クリック数を増やすことができます。',
+  },
+  {
+    question: 'YouTube公式のダークモードに対応していますか？',
+    answer:
+      'はい。YouTube公式アプリの各モードで使用されている正確なカラーコードを再現したテーマセレクター（ライトとダーク）を搭載しています。',
+  },
+];
+
+const howToData = [
+  {
+    name: 'デザインをアップロード',
+    text: 'アップロードエリアをクリックするか、画像ファイル（PNG、JPG、またはWebP）を直接ツールにドラッグします。',
+  },
+  {
+    name: 'コンテキストを設定',
+    text: '動画のタイトルとチャンネル名を入力して、実際のフィードに近い、よりリアルなシミュレーションを行います。',
+  },
+  {
+    name: 'デバイスを切り替える',
+    text: '「デスクトップ」と「モバイル」の表示を切り替え、さまざまな画面サイズでの視認性を確認します。',
+  },
+  {
+    name: 'コントラストを確認',
+    text: '「ダーク」テーマを有効にして、YouTubeの黒い背景に対して色が正しく際立つかどうかをチェックします。',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'JPY' },
+  inLanguage: 'ja',
+};
+
+export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'よくある質問',
+  faq: faqData,
+  bibliographyTitle: '関連リファレンス',
+  bibliography: [
+    {
+      name: 'YouTubeヘルプ: カスタム動画サムネイルを追加する',
+      url: 'https://support.google.com/youtube/answer/141805',
+    },
+    {
+      name: 'Nielsen Norman Group: Visual Processing and UX Design',
+      url: 'https://www.nngroup.com/articles/visual-processing/',
+    },
+    {
+      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
+      url: 'https://derraleves.com/the-youtube-formula/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'YouTubeサムネイルプレビュー：チャンネルのCTRをマスターする',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'YouTubeのエコシステムにおいて、サムネイルはコンテンツへの玄関口です。世界最高の動画、ハリウッド級の編集、オスカー級の脚本があったとしても、誰もクリックしなければ、その作品はアルゴリズムから見えない存在になってしまいます。ここで重要になるのが<strong>CTR（クリック率）</strong>であり、サムネイルはその決定要因です。',
+    },
+    {
+      type: 'title',
+      text: 'アップロード前にサムネイルをテストすべき理由',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>リアルなプレビュー：</strong>YouTubeフィードに表示される際の状態を正確に確認できます。',
+        '<strong>ダーク／ライトモード：</strong>どんなユーザー設定でも色が鮮やかに見えるか確認できます。',
+        '<strong>デバイスシミュレーター：</strong>PCモニターと小さなモバイル画面の両方でテキストの読みやすさをチェックできます。',
+        '<strong>CTR最適化：</strong>ネイティブのインターフェースと自身のデザインを比較し、クリックを最大化。',
+        '<strong>登録不要：</strong>アカウント作成なしで、画像をアップロードしてすぐにテストできます。',
+        '<strong>プライバシー保護：</strong>デザインはローカルで処理され、サーバーに送信されることはありません。',
+      ],
+    },
+    {
+      type: 'paragraph',
+      html: '多くのクリエイターは、大きなモニターでデザインし、お気に入りのエディタで全画面表示して満足してしまうという間違いを犯しがちです。しかし、エンドユーザーがそのように見ることは稀です。ほとんどの人は、無限スクロール中のモバイルデバイスや、ダークモードに設定されたモニターの隅でサムネイルを目にします。当サイトの<strong>YouTubeサムネイルプレビュー</strong>は、その「デザイナーの錯覚」を打ち破り、フィード上の厳しい現実を見せてくれます。',
+    },
+    {
+      type: 'title',
+      text: '技術仕様とパフォーマンス',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: '0.2秒', body: '応答速度' },
+        { title: '4K', body: '最大解像度' },
+        { title: '100%', body: 'ローカルプライバシー' },
+        { title: 'HD', body: 'ネイティブ品質' },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'クリックの心理学：なぜサムネイルは失敗するのか',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '人間の脳はテキストよりも数千倍速く画像を処理します。しかし、YouTubeの競争は熾烈です。サムネイルは単に「綺麗」なだけでは不十分で、<strong>読みやすさ</strong>と<strong>コントラスト</strong>が必要です。',
+    },
+    {
+      type: 'paragraph',
+      html: 'よくある間違いは、YouTubeの背景色に溶け込んでしまう色を使ってしまうことです。ダークグレーを多用し、視聴者がダークモードで視聴している場合、あなたの動画は周辺視野から消えてしまいます。このテスターを使えば、テーマを切り替えて、どんな状況でもデザインが「ポップ」に（際立って）見えるかを確認できます。',
+    },
+    {
+      type: 'title',
+      text: '直接比較：デザイン vs 現実',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'サムネイルのテストに30秒かける価値はあるでしょうか？答えは、圧倒的な「イエス」です。最適化されたサムネイルは、最初の24時間で視聴回数を倍増させることがあり、YouTubeのAIにそのコンテンツに「引き」があることを知らせます。',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Photoshop / Canvaでのデザイン',
+          body: '実際のサイズ感の誤認 ・ アプリの背景とのコントラストを無視 ・ テキストは読めるように見える（実際は読めないことも） ・ UI要素（再生時間、アバター）が見えない',
+        },
+        {
+          title: 'YouTubeサムネイルプレビュー',
+          body: 'ホームフィードでの実際の見え方 ・ ダーク vs ライトモードでのコントラスト検証 ・ モバイルでのテキスト視認性を保証 ・ タイトルとチャンネル名のシミュレート',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'CTR 10%超えを目指すサムネイルチェックリスト',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '最終的なデザインを書き出す前に、プロ仕様のシミュレーターを使って以下のリストを確認してください。',
+    },
+    {
+      type: 'list',
+      items: [
+        '小さなモバイル画面でもテキストは読めますか？',
+        '背景とメインの被写体のコントラストは十分ですか？',
+        'ダークモードの黒い背景でもサムネイルは綺麗に見えますか？',
+        '動画のタイトルが画像の重要な情報を隠していませんか？',
+        '再生時間の表示（黒いボックス）が重要なものを隠していませんか？',
+        '顔やメインオブジェクトの表情が縮小サイズでも伝わりますか？',
+      ],
+    },
+    {
+      type: 'title',
+      text: '高インパクトなサムネイルの構造',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '世界トップクラスのチャンネルの分析に基づくと、勝ち筋のサムネイルは通常、以下のような構造パターンに従っています。',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'メインの被写体',
+          body: '注意を引く主役 ・ 輪郭をはっきりさせ、わずかな境界線や彩度の調整を活用。',
+        },
+        {
+          title: 'テキスト（最大3単語）',
+          body: '瞬時の文脈把握 ・ 太字のサンセリフ体と補色を使用。',
+        },
+        {
+          title: 'ぼかした背景',
+          body: '平面の分離 ・ 奥行きを加え、メインの被写体が画面から「飛び出す」ように演出。',
+        },
+        {
+          title: '再生時間スペース',
+          body: 'ミスを避ける ・ 右下隅に顔やテキストを配置しない。',
+        },
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'デッドゾーンのトリック',
+      html: '<p>YouTubeは常にサムネイルの右下隅にビデオの長さを表示する黒いボックスを配置します。何千ものクリエイターがそのゾーンに重要な要素を置いてしまい、アプリで隠れてしまうという失敗をしています。当ツールはこのボックスをシミュレートするので、最高のショットが隠れる心配はありません。</p>',
+    },
+    {
+      type: 'title',
+      text: 'ツールの利点と制限事項',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: '超高速で反応の良いインターフェース',
+          body: '制限：画像編集機能はありません（CanvaやPSを使用してください）',
+        },
+        {
+          title: '正確なアプリおよびWebのモックアップ',
+          body: '制限：プレロール広告のシミュレートは行いません',
+        },
+        {
+          title: '無料で煩わしい広告なし',
+          body: '制限：ローカルファイルのみをサポート',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: '「スプリット」モード（直接比較）の活用',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'これは目玉機能です。スプリットモードを有効にすると、ライトモードとダークモードの両方での見え方を同時に確認できます。カラーパレットがどんな設定でも通用するか、あるいは明るさやコントラストの調整が必要かを判断する決定的な方法です。',
+    },
+    {
+      type: 'title',
+      text: 'プライバシー：デザインはクラウドへ送信されません',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '公開前のサムネイルは、ローンチに向けた重要な戦略の一部であることを私たちは理解しています。そのため、このツールはブラウザエンジン内のみで動作するように設計されています。<strong>インターネットへのアップロードは行われません</strong>。選択したファイルは一時的なローカルURLで読み込まれ、タブを閉じると消去されます。知的財産は100%あなたの管理下にあります。',
+    },
+    {
+      type: 'title',
+      text: '結論：完璧なピクセルを保証',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '推測はやめて、検証を始めましょう。JJLMoyaの<strong>YouTubeサムネイルプレビュー</strong>は、アマチュアのクリエイターとプロの制作陣を分かつ無料ツールです。フォントサイズや被写体の位置を少し調整するだけで、埋もれてしまう動画と、バズる動画の分かれ道になります。',
+    },
+    {
+      type: 'paragraph',
+      html: '今すぐチャンネルの最適化を始め、動画にふさわしいクリック率を与えましょう！',
+    },
+  ],
+  ui: {
+    dropFeedTitle: 'サムネイルをドラッグ',
+    dropFeedSub: 'PNG, JPG or WebP ・ 複数画像に対応',
+    dropAvatarTitle: 'アバターをドラッグ',
+    dropAvatarSub: 'チャンネルのプロフィール画像',
+    labelTitle: '動画タイトル',
+    labelChannel: 'チャンネル名',
+    defaultTitle: 'ここに動画タイトルを入力',
+    defaultChannel: 'チャンネル名',
+    btnDesktop: 'デスクトップ',
+    btnMobile: 'モバイル',
+    btnClear: 'クリア',
+    labelLight: 'ライト',
+    labelDark: 'ダーク',
+    views0: '120万回視聴 ・ 1時間前',
+    views1: '45分前',
+    views2: '25万回視聴 ・ 1日前',
+    views3: '310万回視聴 ・ 1週間前',
+  },
+};