タグ付けされた質問 「images」

写真、グラフィック、その他の視覚要素の配信と表示について説明します。


8
「プログレッシブ」JPEG:多くのWebサイトがJPEGをそのようにレンダリングしないのはなぜですか?長所短所?
JPEG画像をWebページで使用される場合、それらは通常、トップダウンをレンダリングしている...しかし、彼らはまた呼ばれるモードを使用してレンダリングすることができますプログレッシブJPEG画像が出て起動し、フルサイズのが、ぼやけ、その後でシャープなを取得します完全にロードされるまで、連続してパスします。 プログレッシブロードでは、イメージがそのように保存されている必要があります。 プログレッシブJPEGを使用しないWebサイトが増えないのはなぜですか?欠点は何ですか?それは単にツールのサポートの欠如ですか、それともこれらのファイルは従来のトップダウンでレンダリングされたJPEG画像よりも何らかの形で劣っていますか?
39 images  jpeg 


3
遅延読み込み画像とSEOの効果
次の手法を使用して、サイトの画像を遅延読み込みします。 すべての画像について、src属性にデフォルトのimg(ローダー)のURLを入れ、実際の画像のURLをdata-src属性に入れます。そのようです <img src="loader.gif" data-src="img1.jpg" /> 画像がビューポートの外側にある場合は何も起こりませんが、画像がビューポートの内側にある場合、data-src属性からのURL が読み込まれ、画像が正しく表示されます。 この結果、Googleはページ(つまり、検索結果ページ)内のすべての画像が同じsrc属性を持っていると見なします。Googleボットはもちろん、デフォルトの 'unloaded' imgタグのみを解析するためですsrc。 私の質問は、同じsrc属性を持つ多くのimgタグがページのSEOに影響するかどうかです。


13
検索エンジンでインデックス付けされるテキストを含む画像を取得するにはどうすればよいですか?
私は友人のために小さなポートフォリオWebサイトを構築していますが、広告やその他すべてに携わっています。彼女は標準フォントが嫌いで、すべてをカスタムフォントで書くことを望んでいます。 CSSフォント埋め込みは現時点では実際にはオプションではないため、すべてのテキスト(残念ながら多くはありません)は画像として配置されます。 どうすれば画像コンテンツのインデックスを作成できますか?小さなテキスト(リンク、メニューなど)の場合、テキストをalt属性に入れますが、それより長いものについては、それが解決策ではないと思います。私に何ができる ?テキストを画像の横にある非表示のdivに入れますか?


9
画像のファイルサイズを小さくするにはどうすればよいですか?
いくつかのワードプレスのテーマを使用して、いくつかの画像ファイルを変更しましたが、編集したバージョンが元のファイルよりも3〜4倍大きいことがありました(同じ形式で保存)。品質を低下させたくありません。ファイルサイズを小さくしてロードを高速化する方法をいくつか教えてください。 現在、たとえば、Photoshopを使用して、画質スライダーを「8」(10個中)に設定しています。

5
HTTPS接続は画像により「安全ではない」
現在、Webサイトで作業しており、SSL証明書を正常にインストールしました。 GeoTrust SSL / TLSチェッカーは、証明書チェーン(CAを含む)が適切にインストールされていることを確認しました。Chromeではすべてが正常に見えますが、私の南京錠は緑色ではなく、Firefoxでは、暗号化されていない要素があるため、Webサイトは安全ではないと実際に述べています。 オンラインサービスを使用してその理由を確認しましたが、実際に私の画像は安全なURLとは見なされていません。この状況にどのように対処しますか、つまり、どのように自分のウェブサイトに安全に画像を埋め込むのですか?
14 https  images  security 

4
ホバーでのみ使用される画像をプリロードする方法は?
ある背景画像で始まり、ホバー時に別の画像に変わるリンクがあります。両方の背景画像がCSSで設定されます。私のブラウザ(いずれか)は、実際にホバーするまでホバー画像をロードしないようです。しかし、その後、数秒間(私の非常に遅い接続で)新しいイメージをロードするのにかかる空白のイメージになります。ホバー時に遅延時間が発生しないように、ブラウザーがホバー画像をプリロードするように促す方法はありますか?
14 css  images  load-time 

6
Googleの検索結果に表示されるWebサイトの画像を変更するにはどうすればよいですか?
検索結果に画像が表示されたとき(モバイル検索の場合のように)、Googleがどの画像を使用するかを決定する方法を誰かに教えてもらえますか? これらのモバイル検索結果を見ると… …そして、AliExpress.comの結果を例にとると、HTMLを検査すると、 Googleで使用されている画像に特別な宣言がないように見えます。これは、そのページのHTMLに表示される最初のJPGに過ぎませんたぶんそれがGoogleの検索結果で使用される画像なのかと思います。 ただし、これらのモバイル検索結果を見ると… …そして、Backpack Billboardsの結果を検討すると、HTMLは、使用されている画像が実際にはHTMLで宣言されている7番目の画像であることを明らかにしています。 では、Googleがどの画像を表示するかを決定する方法に誰もが光を当てることができますか?自分のサイトにどの画像を表示するかを制御できるようにしたいのですが。 アップデート/ソリューション 以下の回答のおかげで、これは、バックパックの看板をhead検索するときにGoogleにサムネイルを表示するためにHTMLに追加したコードです。 <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Regular Backpack Billboard", "image": [ "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg", "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg", "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg" ], "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.", …

1
メールニュースレターにBase64でエンコードされた画像が含まれている場合、メールクライアントはそれらをすぐに表示しますか?
リモートURLを使用してニュースレターを送信すると、ほとんどの電子メールクライアントは、ユーザーにメッセージ内のリモートリソースをロードするかどうかを尋ねます。 Base64でエンコードされた文字列をソースとして画像を使用してメールを送信した場合、受信者はすぐに画像を見ることができますか?

4
SEOの利点のために、画像のファイル名とURLには何を含めるべきですか?
通常、優れたサイトアーキテクチャは次のようになります。 example-company.com/ example-company.com/about/ example-company.com/contact/ example-company.com/products/ example-company.com/products/category/ example-company.com/products/category/productname/ これで、Google画像検索に関しては、img altタグ、ファイル名/ URL、および周囲のテキスト(キャプション、見出し、段落)がランキングに影響することは明らかです。 使用する画像のファイル名について質問したい(たとえばproduct-photo.jpg)。 ...しかし、最初にURLについて: 多くの場合、Web開発者はすべての画像をルートの1つのフォルダーに貼り付けますexample-company.com/img/。そして、私はそれをやめました。(私はそれに入りたくありませんが、基本的には、各サブディレクトリのコンテンツの一部を構成する画像の方がより意味があるようです) ただし、すべての画像がフォルダーに表示される場合、ファイル名は通常よりも少し大きいものを反映する必要があると感じます。たとえば、 example-company.com/img/ example-company-productname-category.jpg それは単なるファイル名よりも長いファイル名ですproduct.pngが、関連する限り、SEOに関しては問題はありません(キーワードの詰め込みをしている場合を除き)、そしてキーワードのランク付けにも役立ちます: 「サンプル会社」 "商品名" "カテゴリー" 質問はありません。 しかし、最初に説明したサイトアーキテクチャに画像を配置する場合はどうでしょうか。つまり、画像のURLパスが次のようになったらどうなるでしょうか。 example-company.com/products/category/productname/ productname.jpg 私の質問は、URLを上記のように短くして、ファイル名の一部として「製品名」(およびいくつかの説明的なキーワード)のみを含めるべきですか? または、「example-company」と「category」も含める必要がありますか?そのようです: example-company.com/products/category/productname/ example-company-category-productname.jpg これははるかに長く、URLを見ると冗長に見えますが、いくつかの考慮事項があります。 多くの場合、画像はコンピューターにダウンロードされ、平均的なユーザーにとっては元のURLが失われるため、どこから来たのかは明確ではありません。 また、一部のソーシャルネットワーク、フォーラム、およびその他のプラットフォームでは、アップロード時にファイル名がそのまま残ります。(たとえば、PinterestやFacebookなど、他の多くの人が書き直しました。) 別の考慮事項として、これはGoogle画像検索でのランク付けを(たとえわずかであっても)本当に助けるのか、少なくとも製品が「example-company」に固有のものであることをGoogleに通知するのでしょうか。たとえば、この商品がこのストアでしか購入できず、主力製品である場合はどうなりますか?この製品ページへの豊富な内部リンクに加えて、「サンプル会社」の名前と「カテゴリ」を持っていると、「サンプル会社」の検索に表示されますか? 言い換えれば、より少ないですか?

2
画像のファイル名はそのSEOに影響しますか?
イメージファイルに名前を付けるときは、常にのようなわかりやすいファイル名を使用しますred-mercedes-slk.jpg。私はいつも考えずにこれを行ってきましたが、それが実際に何らかの形で私のランキングに役立つかどうか疑問に思いました。 のような情報のないファイル名を書くのと同じくらい良いr-slk.jpgでしょうか?私はまだ代替テキストを使用します。
13 seo  images  filenames 

4
iPadおよびiPhoneブラウザーがサイト上の画像を回転させていますか?
私が今構築しているサイトで奇妙な出来事が発生しています。そこでは、イメージが想定されている方法とは90度異なって表示されますが、指定したイメージの通常の寸法は維持されます。これはiPadとiPhoneのSafariでのみ発生します。他のすべてのブラウザーにはこの問題はありません。 何か案は? 問題のページはここで見ることができます:http : //www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/
13 css  images  iphone  ipad 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.