スキップしてメイン コンテンツに移動

投稿

ラベル(埋め込みコード)が付いた投稿を表示しています

Search ConsoleのブロックされたリソースのYouTubeのエラーは消せるかも知れない

イメージ
Googleのクローラー(検索ロボット)がサイトのコンテンツのファイル/リソース(JavaScript、css、画像など)をクロールできないとSearch Consoleのブロックされたリソースに表示される。サイトの robot.txt ファイルでこれらのリソースのクローラーが許可されていない場合、Google によるページのレンダリングとインデックスへの登録が十分に行われず、Google 検索におけるページのランキングに影響する可能性があります。ブロックされたリソースのレポート via Search Console ヘルプ恐ろしいのはサイトがGoogle検索にインデックスされなければ検索結果に掲載されずにアクセスが途絶えてしまう。ブロックされたリソースのコンテンツがサイト全体のサイト評価に悪影響を及ぼすかどうかは定かではないにせよ、少なくとも該当のコンテンツのサイト評価がエラーの分だけ…

Instagramの埋め込みコードがバージョン8で非常に軽量化されて使い易くなった

イメージ
ブログの記事にInstagramの写真や動画を埋め込みコードを使って載せようとするとそれ自体が長くてびっくりするけれどもJavascriptも付いていて読み込み時間が延びるのが懸念される。マークアップの<script>と</script>の囲みで、コンピューターのプログラムだからブラウザにとっては通常の場合よりも余計に計算しなくては内容がサイトに反映しない。しかしバージョンアップで8(埋め込みコードの冒頭付近に「data-instgrm-version="8"」と載っている)に変わってからInstagramの埋め込みコードのJavascriptが非常に軽量化されたようだ。外部ファイルなので、手元に取り込んで調べてみるとたったの8.23KBしかなくなっている。日本語で換算すると四千文字くらいに相当するけれども以前のバージョン7の60.85KBと比…

Bloggerのモバイルで記事に埋め込んだYouTube動画のサイズを変更する方法

イメージ
Bloggerブログで記事にYouTube動画を載せるにはウェブの投稿の「動画」から取り込むのが便利だと思う。YouTubeの自分のチャンネルは直ぐに探せるし、他人のチャンネルは検索からキーワードやURLで埋め込みコードを簡単に取得できる。サイズが「320×266」で固定されているからタブレットやパソコンでは大きく表示したくなるけど、しかしスマホでもバランスが悪くて変えたくなって来たんだ。BloggerのデフォルトだとYouTube動画の様々な画面比にきっちり対応できるけれども昨今は16:9の画面比が大半を占めているから完全に合わせてしまった方が良いと思う。毎回、上下の余りの黒い部分が太過ぎるし、モバイルの記事では最初にサムネイル画像が上下の黒い余りなしに表示されていて実際の動画よりも、可成、大きく膨らんでいる。デザインとして画面比を16:9の「320×180」に設定するのが望ましい。モ…

Imgurで画像URLと埋め込みコードを取得する方法

イメージ
Imgurは自分でアップロードした画像については画像URL/直リンクを取得して他のサイトにhtmlのimgタグで表示させられる。そして自分と他の人たちも含めて画像の埋め込みコードを取得して他のサイトのhtmlに、そのまま、記載して表示させられもする。Imgurの画像URLを取得するウェブとアプリで方法が微妙に違う。ウェブでの方法:Direct Linkアカウントにログインして「Image」から画像を一枚だけ開くと左上にプルダウンのメニューがあるので、そこから「Direct Link」を選択すれば画像URLが右横に表示されて使うことができる。注意点としては画像URLがjpg(jpeg)のタイプしか出ないみたいだ。なのでpngファイルで画像をアップロードしてもそのままの画像URLは取得できなくてjpgのタイプに変換されてしまっている。アプリだとpngファイルの画像URLが出て来るので、どうし…

サイトにGoogle+の記事を埋め込む

イメージ
Google+のパソコン版が2015年11月17日に新しいバージョンに変更されてサイトへの記事の埋め込みコードは取得できなくなっているようだ。
しかし古いバージョンだとGoogle+ 投稿の埋め込みにあるような仕方で、実際に使用できることが確認された(2016年7月時点)。

Google+はパソコンのウェブで記事の右上のマークのメニューから記事の埋め込みコードを取得することができる。
スマホ/タブレットならばブラウザの設定をパソコン用に切り替えれると表示されて来る。画面幅が合わなくて大変だけれども記事のメニューをモバイルで見付けるにはそれしかない。
ただし初期設定で何もないみたいで、行ってみると記事の右上が空白でもタップしないとマークが出て来ない状態だから焦ったりもしたよ。
Tumblrもそうだけど、パソコンのウェブこそ色んなことができるようになっているので、スマホ/タブレットを多用する僕にはブラ…