画像

画像に関する記事


スマートフォンや一眼レフカメラの性能が飛躍的に向上し、誰でも手軽に美しい高画質な写真が撮影できるようになりました。しかし、その高画質なデータをそのままホームページ(ウェブサイト)に使用すると、ページの表示速度が著しく低下し、ユーザーの離脱を招く原因になってしまいます。 端的には、現代のスマートフォン画像や一眼を含めたデジタルカメラの解像度・ピクセル数は、加工

Web用画像の適正な解像度・ピクセル数 スマホ・一眼レフの写真をホームページ用に最適化する方法


「SNSシェアが楽しくなる!OGP設定で差をつける方法とSEOとの意外な関係」ということで、OGPについて触れていきます。OGPとは「Open Graph Protocol(オープン・グラフ・プロトコル)」の略で、ホームページ内の記事などをSNSシェアした時に表示される画像やタイトル、概要文を設定するルールです。 せっかく書いた素敵な記事や、渾身のホームペー

SNSシェアが楽しくなる!OGP設定で差をつける方法とSEOとの意外な関係


ホームページ修正のご依頼方法と直接的な修正ができない場合の代替案のご案内例についてお伝えしていきます。 メールによるホームページ修正のご依頼方法や修正内容のご連絡方法など、ご依頼にかかる具体的な内容に触れた後、ご希望のホームページ修正が難しい場合の代替案のご案内例を掲載させていただきます。 「ホームページの修正を依頼するにしても、メールでどうやって伝えたらい

ホームページ修正のご依頼方法と修正時の代替案ご案内例



SNSでシェアされた際に表示されるOGP画像は、ホームページ(ウェブサイト)へのアクセス数やクリック率を大きく左右する非常に重要な要素です。画像を準備する際、適当なサイズで作ってしまうと、せっかくの魅力的なデザインがSNSのタイムラインで途中で切れてしまったり、不格好に縮小されてしまったりすることがあります。 OGP用に手間ひまをかけて加工した画像であるなら

OGP設定の最適な画像サイズ 1枚の画像で全SNS対応の「セーフエリア」


ホームページ(ウェブサイト)を制作・運用する中で、見た目の美しさとシステムの軽快さは、常に相反する課題として立ちはだかります。「商品の魅力を伝えるために、とにかく高画質できれいな写真をたくさん掲載したい」という要望は、事業を行う上でごく自然な感情です。 しかし、視覚的な美しさを追求するあまり、画像ファイルの容量が大きくなりすぎるとページの表示速度は著しく低下

きれいな写真を載せたら順位が落ちる?画像の重さと表示速度が与える影響


ホームページに設置した画像内の文字の修正
ホームページに設置した画像内の文字の修正についてお伝えしていきます(後半にはAI解析のオブジェクト消去について触れています)。弊社ではホームページ修正サービスを提供しておりますが、「テキスト修正だと思ったら、【画像内に埋め込まれた文字の修正】であったため、費用が想定よりも高く、修正依頼を断念しそうになった」というケースがちらほらあります。 そのような場合は、

ホームページに設置した画像内の文字の修正とAI解析オブジェクト消去



画像の非同期デコード「decoding="async"」と遅延読み込み「loading="lazy"」
画像の非同期デコード「decoding=”async”」と画像の遅延読み込み「loading=”lazy”」について触れていきます。decoding属性、loading属性どちらも初期値(未設定時)はautoであり自動的に最適な描画がなされますが、これらをはっきりと設定しておくことで、ページの読み込み速度を向上

画像の非同期デコード「decoding=”async”」と遅延読み込み「loading=”lazy”」


ホームページに顔写真や実名掲載は必要であるのかどうかについて触れていきます。ホームページへの顔出しはベターでありマストではありません。顔写真や実名掲載は「信頼を築く」という点に関わることですが、信頼構築の面で考えればホームページ上でできる別の方法もたくさんあります。 ホームページ。それは、あなたの事業がインターネット上に持つ「顔」です。訪れる人にとって最初に

ホームページに顔写真や実名掲載は必要?信頼を築く別の方法


今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE

より優れたモバイルフレンドリーサイトのために 画像編



ホームページ素材の特殊加工 画像ボタンの再作成
ウェブサイト・ホームページを構成するパーツである「画像」。ホームページ制作で使用するホームページ用の画像には、写真素材をはじめ、Illustratorなどで制作されたGIFボタン、PNGボタンなどがあります。 このGIFボタンなどには、テキスト(文字)が埋めこまれていることがよくあります(ボタンなのですからそれが一般的です)。もちろんボタンに限らず、掲載写真

ホームページ素材の特殊加工 画像ボタンの再作成


ホームページ(ウェブサイト)を制作し、効果的に運営していく上で、画像やバナーの取り扱いは非常に重要です。文字だけの情報に比べて、視覚的な要素はユーザーに直感的な魅力を伝え、直帰率の改善やコンバージョン率の向上に直結します。 ここでは、Web制作やSEO対策の現場で頻繁に登場する画像フォーマット(JPEG、PNG、GIFなど)や、alt属性、キャプションといっ

画像(フォーマット・ファイル形式・処理技術・カラー指定) Web制作用語


フォトレタッチ Web制作|ホームページ制作
ホームページ(ウェブサイト)の制作や運用において、テキスト情報と同じくらい重要な役割を持つのが画像です。魅力的な写真や分かりやすい図版は、ユーザーの目を引き、事業の魅力を直感的に伝える力を持っています。こうしたWebコンテンツとしての画像を最適化し、より魅力的なものに仕上げるために用いられるのが、フォトレタッチソフトです。 フォトレタッチにおいて最も基本とな

フォトレタッチ Web制作|ホームページ制作用語



WordPressの投稿・固定ページ下の「添付(画像)ファイルページ」をカスタマイズする
今回は、WordPressサイトの添付(画像)ファイルページをカスタマイズする方法として、WordPressテーマのimage.php、attachment.phpなどを編集して添付ファイルページ・画像添付テンプレートをカスタマイズする場合についてお伝えいたします。 WordPressには投稿と固定ページがありますが、これらのページのサブページとして「添付フ

WordPressの「添付(画像)ファイルページ」をカスタマイズする


画像に問題があるホームページ SEOカスタマイズ事例・実績
「画像」に問題があるホームページのSEOカスタマイズ事例・実績についてご紹介させていただきます。 株式会社ファンフェアファンファーレでは、ホームページの新規制作サービスのほか、既存ホームページのSEOカスタマイズサービスなどを提供しております。ホームページの新規制作よりも、カスタマイズやSEOのご依頼の比重がかなり高まってきております。 SEO対策・SEOサ

「画像」に問題があるホームページ SEOカスタマイズ事例・実績


画像ギャラリー Web制作|ホームページ制作
ホームページ(ウェブサイト)制作において、商品や施工事例などの写真を効果的に見せるための機能である「画像ギャラリー」「Light Box」「スライドショー(スライダー)」についてのご説明です。 ホームページ内で画像をどのように配置し、どのように動かすかは、訪問者の直帰率や滞在時間に大きく影響します。事業の魅力を的確に伝えるためにも、これらの画像表示機能を目的

画像ギャラリー・Light Box・スライドショー(スライダー)Web制作用語



アイキャッチ画像(ヘッダ画像)Web制作|ホームページ制作
ホームページ(ウェブサイト)でブログ記事や新着情報を公開する際、コンテンツの質と同じくらい重要なのが画像の設定です。記事の冒頭や一覧ページ、あるいはSNS上で情報が共有された際に表示される視覚情報は、ユーザーがそのページを訪問するかどうかを瞬時に判断する大きな基準になります。 一般的に、記事の顔としてページ上部に配置されるメインの画像を「アイキャッチ画像(ヘ

アイキャッチ画像(ヘッダ画像)・OGP・サムネイル画像 Web制作用語


画像alt属性へのキーワード詰め込み ブラックハットSEO
ホームページ設置画像のalt属性へのキーワード詰め込みは、ブラックハットSEO(検索エンジンスパムに該当する、検索結果上位表示だけを狙うSEO対策)として、検索エンジンペナルティの対象となります。 この画像のalt属性(オルト属性)は、「代替テキスト」として、画像が表示できない場合に示すテキスト(文字列)を指定します。画像にテキスト情報を与えるため、画像に対

画像alt属性へのキーワード詰め込み ブラックハットSEO


ホームページ制作 htmlタグ img ページ内に画像を設置
<img src=”” alt=”” /> ホームページ制作(ウェブサイト制作)の際に使用する<img>タグについてのご説明です。 ホームページを制作する時<img>(イメージ)タグを使用することで、「埋込みイメージ」としてホームページ(ウェブサイト)内のページに画像を設置す

htmlタグ|img イメージ,画像 [ホームページ制作の基本タグ]



ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼