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

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

2
混合コンテンツの警告なしにHTTPSサイトでユーザーが投稿した画像
ほとんどのフォーラムと同様に、ユーザーが画像を投稿できるフォーラムがあります。サイト全体でHTTPSを設定しましたが、もちろんほとんどの外部画像はHTTPSではなくHTTPを使用してリンクされています。したがって、HTTPS経由でフォーラムをロードすると、混合コンテンツの警告などが表示されます。 この問題に取り組むためのいくつかの戦略は何ですか?一部の画像は自分のサイトのものであり、動作することがわかっているので、HTTPSを使用するようにこれらのURLを書き換えることができます。しかし、外部URLの多くはHTTPSで動作しないため、全面的な書き換えはできません。 保護されていない画像をインライン画像ではなくリンクに書き換えることもできますが、見栄えがよくなく、ユーザーを混乱させる可能性があります。より良い解決策はありますか?
9 https  images 


3
Webサイトのディレクトリ構造(js / css / imgフォルダー)
何年もの間、私のWebサイトには次のディレクトリ構造を使用しています。 <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ->someplugin.css ->images -> all website images... さまざまなサードパーティコンポーネントを使い始めるまでは、まったく問題ないように思えました。 たとえば、今日、cssファイルが配置されているのと同じディレクトリで画像を検索する日時ピッカーJavaScriptコンポーネントをダウンロードしました(cssファイルには、「url( 'calendar.png')」のようなURLが含まれています)。 だから今私は3つのオプションがあります: 1) datepicker.cssを私のcssディレクトリに入れ、その画像を配置します。私はこのオプションがあまり好きではありません。cssディレクトリ内にcssと画像ファイルの両方があり、それは奇妙です。また、cssファイルからbackground.pngにリンクする2つの異なるコンポーネントなど、同じ名前の異なるコンポーネントのファイルに出会うこともあります。これらの名前の衝突を修正する必要があります(ファイルの1つの名前を変更し、リンクを含む対応するファイルを編集します)。 2) datepicker.cssをcssディレクトリに入れ、その画像をimagesディレクトリに入れ、datepicker.cssを編集して、imagesディレクトリで画像を探します。このオプションは問題ありませんが、サードパーティのコンポーネントを編集して自分のサイト構造に合わせるために、時間をかける必要があります。ここでも、名前の衝突が発生する可能性があり(前のオプションで説明したとおり)、それらを修正する必要があります。 3) datepicker.js、datepicker.cssおよびその画像を別のディレクトリに配置します。たとえば、/ 3rdParty / datepicker /とし、作成者が意図したとおりにファイルを配置します(例:/ 3rdParty / datepicker / css / datepicker)。 .css、/ 3rdParty / datepicker / css / something.pngなど)。今、私はこのオプションが最も正しいと思い始めています。 経験豊富なWeb開発者、何をお勧めしますか?

3
単純なブラウザキャッシュを利用するために、ユーザーの画像全体のファイル構造を変更する価値はありますか?
私のモバイルサイトの1つでは、ユーザーのプロフィール画像をユーザーフォルダーに「1.jpg」として保存し、そこから追加の写真をアップロードしていきます。つまり、たとえば、プロフィールの写真を変更しても、ファイル名は変わりません。 ユーザーのプロファイルが表示されて再表示されるたびに同じ古い写真が何度もダウンロードされないように、画像キャッシュを利用したいと思っていましたが、同時に、ユーザーのブラウザーに変更されている場合は、新しいものをダウンロードしてください。 私が読んでいることから、これを実際に行う唯一の方法は、実際にランダムなファイル名を使用し、DB内のそれらすべてのファイル名を追跡することです。これにより、有効期限のないキャッシュを設定できます。 -変更された写真は新しいファイル名を持っているため、再び取得されます。ただし、これまでに構造化した方法の優れている点は、データベースの場所を予測できるため、データベースを完全にスキップして、ファイルに直接アクセスできることです。 だから私の質問は、サイトのファイル構造全体を変更し、DB要素を追加して、永遠にキャッシュし、新しいアップロード時に自動的に再ダウンロードすることは価値があるのでしょうか? これは大きな仕事ですが、それが価値があると思われる場合、私はこの劇的な変化を前進させることに問題はありません。これが「大物」のやり方であることを確認したいだけなので、ファイル構造を二度と変更する必要はありません。 ありがとう。

1
Schema.orgのブログ投稿と画像が必要
(Microdataを使用して)schema.orgメタデータでブログをマークしようとしています。 https://developers.google.com/structured-data/testing-tool/のテストツールでテストしたところ、次のエラーが表示されました。 画像:不足しており、必須 BlogPostingスキーマを使用していますが、画像のないページがあります。 なぜ画像は必須ですし、私は1つを持っていない場合、私は何をすべき?タグを付けなくても大丈夫ですか、それとも画像がないことを示す方法はありますか?

3
タイトルに同じテキストを使用し、画像に代替テキストを使用することはできますか?
必要があるタイトルとALTのタグは、特定の画像のための完全に異なるテキストを持っていますか?または、titleタグとaltタグの両方に同じテキストを使用しても問題ありませんか? もちろん、テキストは画像ごとに異なります。したがって、image1はaltとタイトルに1つのテキストを持ち、image2は別のテキストを使用します。

2
Media Wikiサイトの外部画像をどのようにホットリンクしますか?
外部でホストされている画像をメディアWikiページに表示するための構文は何ですか? メディアWikiのヘルプページはそのシナリオをカバーしていないようです。 機能しないものをいくつか試しました: [http://example.com/image.jpg] [[File:http://example.com/image.jpg]] <img src="http://example.com/image.jpg">

1
外部画像またはJavaScriptをWebサイトに追加すると、そのSEOに影響しますか?
サイトに画像を追加するとき、別のサイトにある画像を使用するのはよくありません。 <img src='http://www.some_other_site.com/image.jpg'> 同じことがjavascriptにも当てはまります。他の場所にあるjavascriptにリンクするのは悪いことですか。 <script type='text/javascript' src='http://www.some_other_site.com/js.js'></script> 私は純粋にSEOの観点からこれを質問します(他のサイトがイメージを削除した場合、またはサーバーで何かが発生した場合、それが私のサイトのコンテンツに影響することを認識しています)。他のサイトのJavaScriptライブラリにリンクすることは実際には一般的な慣習であるため、JavaScriptに特に興味があります。

3
画像SEO-メインキーワードを常に代替テキストで繰り返しますか?
私はイースター島のウェブサイトで作業しており、現在画像システムを再設計しています。事実上、私の写真はすべてイースター島のものです。私の質問は、自分の写真がイースター島のものであることをGoogleが簡単に理解できるように、「イースター島」というキーワードを常に含める必要があるか、または「イースター島」キーワードがドメインおよび他のすべてのページにあれば十分かどうかです。サイトの? 例えば、 代替テキスト1:「イースター島の火山ラノララクのモアイ像(ラパヌイ)」 または 代替テキスト2:「火山Rano Rarakuのモアイ像」 例1はGoogleによるキーワードの乱用と見なされますか
8 seo  html  images 

2
画像に名前を付けるためのSEO
記事内に多数の画像が埋め込まれたウェブサイトを持っています。画像検索で渋滞を見逃したくない。数字で画像を保存する方が簡単ですが、これはSEOランクに影響しますか?つまり、画像検索エンジンは、主にファイル名またはimg alt(またはタイトル)と画像周辺のテキストに注意を払っていますか?
8 seo  images  ranking 

2
画像とのリンク:背景と<img>
画像付きのテキストを使用して内部のページまたはカテゴリにリンクする場合、(意味論的に)ベストプラクティスと見なされるものは何ですか? オプション1 &lt;nav&gt; &lt;a href="/kittens"&gt; &lt;img src="kittens.png" /&gt; &lt;span&gt;Kittens&lt;/span&gt; &lt;/a&gt; &lt;a href="/puppies"&gt; &lt;img src="puppies.png" /&gt; &lt;span&gt;Puppies&lt;/span&gt; &lt;/a&gt; &lt;/nav&gt; オプション2 &lt;nav&gt; &lt;a href="/kittens" class="kittens"&gt;Kittens&lt;/a&gt; &lt;a href="/puppies" class="puppies"&gt;&lt;span&gt;Puppies&lt;/a&gt; &lt;/nav&gt; CSSが定義されている場所: a.kittens { background-image:url("kittens.png"); width:40px; height:60px; } a.puppies { background-image:url("puppies.png"); width:40px; height:60px; } リンクのスタイル付き背景、または&lt;img&gt;アンカー要素の内部を使用する必要がありますか?
8 links  images  html5 

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