写真、アイコン、ロゴを使用することは、カレンダーやイベントのランディング ページを目立たせるための優れた方法です。さらに、画像のサイズと品質が適切であれば、ユーザー エクスペリエンスとブランディングが向上し、より良い SEO 結果を得るのに役立ちます。と Timelyでは、カレンダー、イベント、フィルターに数種類の画像を追加できます。詳細については、この投稿をご覧ください。
1. 画像を追加できる場所
画像を追加して、 Timely 視聴者にとってより興味深いイベントリストを作成できます。現在、次のセクションにアイコン、ロゴ、画像を追加できます。
- ダッシュボード アイコン: に表示されます Timely アカウントはあなたのチームのみに表示されます。
- カレンダーのロゴ: カレンダーとテンプレートに表示されます。
- カテゴリー: イベントのランディング ページに表示されます。
- 会場: イベントのランディング ページに表示されます。
- 主催者: イベントのランディング ページに表示されます。
- イベント目玉画像: イベントのランディング ページ、カレンダー、スライダー、カルーセルにイベントのメイン画像として表示されます。
- イベント説明画像: イベントのランディング ページのイベントの説明セクションに表示されます。
- テンプレ: イベント送信者と参加者に電子メールで送信されます。
2. 画像ファイル形式
現在、 Time.ly イベント管理ソフトウェア 次のファイル形式の画像を受け入れます。
- JPEG (または JPG) – 共同写真専門家グループ
- PNG –ポータブルネットワークグラフィックス
- BMP –ビットマップ画像ファイル
- GIF –グラフィック交換フォーマット
- SVG – スケーラブルなベクター グラフィックス
- WEBP – Web 画像フォーマット
別の形式で画像をアップロードしようとすると、システムはそれを受け入れません。この状況では、続行する前に画像ファイルを許容可能な形式のいずれかに変換することをお勧めします。
3. 画像ファイルのサイズ、品質、サイズ
画像ファイルのサイズと寸法に注意を払うことは、ユーザーエクスペリエンスだけでなく、イベントのSEOにとっても非常に重要です。最適な画像ファイルサイズは100KBです。
画質に関しては、小さくてぼやけた不鮮明な画像は避けるようにしてください。画質を損なうことなく、バイト数を削減するように最適化された高画質の画像を使用することをお勧めします。TinyPNG、CompressPNG、Compress2goなど、オンラインで利用できる無料の画像圧縮ツールが多数あります。
As Timely 画像のサイズを自動変更するソフトウェアを使用すると、任意のサイズの画像を使用できます。ただし、特定のカレンダー ビュー、ウィジェット、イベント ページ レイアウトで画像が適切に表示されることを保証するには、特定の画像サイズを使用する必要があります。詳細については以下で説明します。
3.1.カレンダービューの画像サイズ
カレンダービューに最適な画像サイズを選択することは、視覚的に魅力的でユーザーを引きつけるユーザーエクスペリエンスを確保するために非常に重要です。このセクションでは、各カレンダービューに推奨される画像サイズについて解説し、さまざまなレイアウトでイベントの表示を最適化する方法をご紹介します。
ポスターボード ビュー (720 x 480 ピクセル)
ポスターボードビューでは、イベントがPinterestのようなメイソンリーレイアウトで個別のポスターとしてページに表示されます。イベント情報へのアクセスが容易でデザインも美しいため、このビューはお客様に大変好評です。
タイルビュー (720) X 480 px）
Timelyさん タイルビュー イベントをオンラインで紹介するのに最適です。レイアウトと動作は Instagram フィードに似ています。イベント投稿は画像を優先してモザイクタイルで表示されます。このビューでは、イベントのタイトルと日付も強調表示されます。マウスを置くか投稿をクリックすると、詳細が表示されます。タイルをシャープで魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
ストリームビュー (720) X 480 px）
ストリームビューは、イベント一覧を表示しつつ、視覚的な情報も提供したい場合に最適です。イベントを縦方向に表示し、ウェブページ上のスペースをあまり消費しない優れたカレンダーレイアウトです。このビューは画像サイズに関して柔軟性があり、どんなサイズでも使用できます。
モダンリストビュー (1024 x 1024 ピクセル)
モダンリストビューは、テキストとビジュアルコンテンツを組み合わせたイベント一覧表示という点で、ストリームビューとやや似ています。ただし、イベント投稿はより広いレイアウトで表示されるため、より多くのイベント情報と大きな画像を表示できます。画像を鮮明かつ魅力的に表示するには、最大幅を1000ピクセルにすることをお勧めします。
モダンな行ビュー (1024 x 1024 ピクセル)
モダン行ビューは、モダンリストビューと同じように動作します。ただし、レイアウトが若干異なります。イベントの日付が最初の情報として表示され、画像は画面の左側ではなく右側に表示されます。画像を鮮明かつ魅力的に表示するには、最大幅を1000ピクセルにすることをお勧めします。
週表示 (720 X 480 px）
Timelyさん ウィークビュー これにより、その週に計画したすべてのイベントを視聴者に見てもらうことができます。必要に応じて、イベントを説明する魅力的な画像やイベントの説明を追加できます。毎週計画を立てるのが好きな人には最適です！画像を鮮明で魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
地図を見る （720 X 480 px）
Timelyさん 地図を見る イベントの場所の影響を最大限に高めることが、参加者を惹きつけ、重要な方向性を提供する鍵となります。イベント会場を目立たせることができ、明確なローカライゼーションと視聴者への簡単なナビゲーションを保証します。イベント リストの可視性と効果性を高める、マップ ビューの推奨画像サイズを調べてみましょう。
3.2.ウィジェットの画像サイズ
画像をスライダー ウィジェットとカルーセル ウィジェットに適切に表示するには、幅が少なくとも幅 720 ピクセル、高さ 480 ピクセル (720 x 480 ピクセル) である必要があります。
3.3.イベントページレイアウトの画像サイズ
イベント ページのレイアウトは、出席者がイベントの詳細をどのように操作するかを設定します。各イベント ページ レイアウトに最適な画像サイズを理解することは、注目を集めて情報を効果的に伝えるために不可欠です。イベントのプレゼンテーションを強化するために、さまざまなイベント ページ レイアウトに推奨される画像サイズを詳しく見てみましょう。
デフォルト （720 X 480 px）
デフォルトのレイアウトでは、すべてのイベント情報が画面上に表示され、クリックすると追加の詳細が展開されます。すべてのイベントの概要を提供しながら、個々のイベントを探索できるため、デスクトップでの使用に最適です。画像を鮮明で魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
太字（ナオス） （720 X 480 px）
太字 (Naos) イベント ページ レイアウトは、デフォルト レイアウトのコンパクト バージョンを提供し、注目の画像を強調しながらイベント情報を強調します。イベントの目玉画像に注目を集めるのに最適です。画像を鮮明で魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
コンパクト （720 X 480 px）
画像よりも情報を優先したコンパクトなレイアウトで、イベントの注目画像、日付、名前を同一行に表示します。コンパクトな形式で完全なイベントの詳細が提供されるため、高速読み込みやタブレットやスマートフォンなどのモバイル デバイスに最適です。画像を鮮明で魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
広い （720 X 480 px）
ワイドレイアウトは、「コンパクト」レイアウトを拡張したもので、画像とイベント情報を分離し、整理を優先します。適切に構造化されたディスプレイを確保しながら、モバイル デバイスに最適です。画像を鮮明で魅力的に表示するには、最小幅 720 ピクセルをお勧めします。
イベントページの全幅にわたってメイン画像を表示するオプションがあります。この効果を実現するには、以下のカスタムCSSを使用することをお勧めします。
.timely-event-featured-image img {
width: 100% !important;
object-fit: cover !important;
} 3.4.カレンダー ビューとイベント ページの推奨される組み合わせ
イベントを効果的に紹介するには、画像の使用が最も重要です。このセクションでは、各カレンダー ビューとイベント ページ レイアウトに合わせた画像サイズのベスト プラクティスを検討します。 Timely。さまざまなビューに最適な画像サイズを理解することで、選択したイベント ページ レイアウトとのシームレスな統合を確保しながら、カレンダーの視覚的な魅力を高めることができます。最大限の効果を得るためにイベントのプレゼンテーションを最適化する方法を詳しく見てみましょう。
ポスターボード ビュー + デフォルトのイベント ページ レイアウト （720 X 480 px）
この組み合わせにより、カレンダー上のイベントに目を引くモザイク レイアウトが表示され、クリックすると詳細な概要が表示されます。
タイル ビュー + 太字 (Naos) イベント ページ レイアウト （720 X 480 px）
タイル ビューは画像を強調し、太字 (Naos) レイアウトは注目の画像を効果的に示しながらイベント情報を強調します。
ストリームビュー + コンパクトなイベントページレイアウト （720 X 480 px）
ストリーム ビューでは、視覚的な情報を含む垂直リストが提供されますが、コンパクトなレイアウトでは高速な読み込みとモバイル互換性のために画像よりも情報が優先されます。
モダンなリスト ビュー + ワイド イベント ページ レイアウト (1024 x 1024 ピクセル)
モダン リスト ビューにはテキストとビジュアル コンテンツが混在して表示され、幅広いレイアウトによりモバイル デバイスに適切に構造化された表示が提供されます。
モダンな行ビュー + ワイド イベント ページ レイアウト (1024 x 1024 ピクセル)
モダン リスト ビューと同様に、モダン行ビューではテキストと画像が異なる方法で表示され、幅広いイベント ページ レイアウトを補完します。
クリーンなリストビュー + コンパクトなイベントページレイアウト （720 X 480 px）
クリーン リスト ビューは、画像を含まない整理されたリストを提供し、コンパクトなイベント ページ レイアウトとうまく組み合わせて、高速読み込みでモバイル フレンドリーなエクスペリエンスを実現します。
クリーンな行ビュー + コンパクトなイベント ページ レイアウト （720 X 480 px）
Clean Row ビューでは、画像なしで縦方向の情報が表示され、コンパクトなイベント ページ レイアウトと完全に一致するため、イベントの詳細にすばやくアクセスできます。
4 コンテキスト
さらに良い結果を得るには、写真の周囲にコンテキストを追加すると、カレンダーに高品質のトラフィックをもたらすことができるため、特に役立ちます。
Googleの記事「Google画像検索のベストプラクティス」では、文脈に沿った画像を追加するプロセスを改善するための重要なヒントが多数掲載されています。ぜひこの記事を読んで、ガイドラインの詳細をご確認ください。
5. 説明的なタイトルと代替テキストを追加する
画像をアップロードするときは、 Timely アカウントには、わかりやすいタイトルとわかりやすい代替テキストを付けます。
写真、ロゴ、アイコンには、可能な限り分かりやすいファイル名を付けてください。例えば、写真のファイル名は「IMG0028361823.jpg」よりも「electric_guitar.jpg 」の方が良いでしょう。また、写真に説明文を追加する際は、できるだけ正確に説明するように心がけてください。
代替テキストタグについても、Googleでの検索結果を向上させるために、画像の内容を説明するべきです。ただし、代替テキストにキーワードを詰め込むのは避けてください。ユーザーエクスペリエンスを損なう可能性があり、カレンダーがスパムとみなされる恐れがあります。
追加のヘルプが必要ですか？
さらに詳しいガイダンスとサポートについては、当社のウェブサイトをご覧ください。 ヘルプセンター。ご質問がある場合やサポートが必要な場合は、お気軽にサポート チケットを開いてカスタマー サクセス チームにお問い合わせください。 Timely アカウントのダッシュボード.
弊社のイベント管理システムの導入・運用に関してサポートが必要な場合は、喜んでお手伝いいたします。弊社が提供するあらゆる専門サービスをご覧いただき、ぜひお気軽にお問い合わせください。