ラベル(URL)が付いた投稿を表示しています すべて表示

Bloggerの投稿のURLのカスタマイズ

イメージ

Bloggerの投稿のURLはドメインと投稿の年と月とファイル名が半角スラッシュ(/)で区切られたものになる。 例えばドメインが「example.blogspot.com」、投稿の年が「2022」、月が「4」、ファイル名が「blog」ならば投稿のURLは(https://)「example.blogspot.com/2022/04/blog」(.html)になる。 投稿の月は一桁の場合のみ先に「0」が追加されて二桁に変更される。 ファイル名の生成 Bloggerの投稿のURLのファイル名は何もしないと投稿のタイトルの半角英数字が使われて半角英字の大文字は小文字に変更されて半角ハイフン(-)があれば使われて半角スペース( )があれば半角ハイフンに置き換えられる。 タイトルに半角英数字がない場合は自動的に「blog-post」、同日に既に他の投稿があれば末尾に半…

Dropboxで直リンクのURLを取得する方法

イメージ

クラウドストレージの Dropbox はサイトで自由にコンテンツを表示できる直リンクのURLをあらゆるファイル形式で取得することができる。 Dropboxの共有リンクのURL 直リンクをURLを取得するには共有リンクが有効になってなくてはならない。 Ringtone|Dropbox ファイルのメニューの「リンクをコピー」から共有リンクを取得できる。 DropBoxの共有リンクのURLの例 https://www.dropbox.com/s/gmgraajvzjninyg/Ringtone-Original%2014.ogg?dl=0 ドメインの「www.dropbox.com」から共有リンクのコードとファイル名が半角スラッシュ(/)に区切られて続いて最後にパラメーターの「?dl=0」が付く。 アクセスするとDropboxのファイルのプレビューになる。 パラメーターの「d…

JavaScriptの正規表現でURLなどの文字列の間の文字列を検出/取得する方法

イメージ

正規表現で文字列の間、一つの部分から他の部分までを指定するには両端を任意で決めて中間をパターンで記載する。 何でも良ければ「.*」(どんな文字でもなければなくてあればあるだけ続く:文字の0以上の繰り返しという指定)が一般的に使える。 例えばサイトや画像などのURLで半角スラッシュ(/)の間を指定するには「/.*/」のように記載する。 参考: 正規表現パターンの記述 JavaScriptで使う場合は文字列の半角スラッシュはエスケープしなくてはならないので、正規表現リテラル(/文字列/)ならば半角バックスラッシュを前に一つ追加して「 \/.*\/ 」、それを正規表現オブジェクト(RegExp()コンストラクター)に渡すならば半角バックスラッシュを前に二つ追加して「 \\/.*\\/ 」と書き換えることになる。 Istanbul by Ben_Kerckx / CC0 目次 t…

TwitterとInstagramとYouTubeの埋め込みを少しでも速く表示させる方法

イメージ

TwitterとInstagramとYouTubeには他のサイトにコンテンツを埋め込んで表示する機能があってとても便利だけれども他のサイトからすると外部ファイルやサイトを読み込まなくてはならないから表示するのに普通よりも時間がかかってしまう。 通常ではさほど気にならないかも知れないにせよ、サイトによってファイルの読み込みやコンテンツの表示の仕方からで非常に遅れることもないわけではない。 サイトで外部ファイルを優先的に読み込む方法として HTMLのリソースヒントの一つとしてpreload(先読み)のソースコードがある ので、TwitterとInstagramとYouTubeの埋め込みを少しでも表示したい場合に使える。 目次 Twitterの埋め込みコードを先読みする Twitterの埋め込みコードの外部ファイル Twitter用の二種類の先読みのソースコード Inst…

Bloggerのフォールバックサブドメインについて

イメージ

Bloggerの管理画面が更新されて「設定」の「公開しています」に新しく追加された項目にフォールバックサブドメインがある。 フォールバックサブドメインとは何か 設定|Blogger カスタムドメインの登録と関連してメインとなるドメインの他に(共通する独自ドメインから)一つだけ同じようにブログのサーバーに接続することができるようにする。 フォールバックサブドメインは通常のサブドメインを読み込む間のサーバーの障害への予防策として追加されるサブドメインです。ドメインに一つ以上の使用できるサブドメインがある場合にはドメインの登録済みのサーバーにサブドメインを設定するとメインとなるドメインはフォールバック――無視できるものの微細な低速度状態の閲覧を得られるようになります。 原文 A Fallback subdomain is a subdomain added as a…

Flickrの実名と表示名とウェブアドレスの設定方法

イメージ

写真のソーシャルメディアの Flickr を無料プランで始めた。有料プランのFlickr Proの保存容量は無制限だけど、無料プランで現行は千件まで画像や動画をアップロードすることができる。どちらのプランも一回毎のアップロードの容量制限がないのが嬉しい。大きな写真でも、そのまま、保存しておけるので、クラウドストレージとしての利用価値も十分だと思う。 プロフィールの三つの項目 Flickrのアカウント登録の最初の設定で、プロフィールに関して特殊だと気にかかった三つの項目を纏めておきたい。 プロフィールの何れの設定も自分のページ(Flickrにログイン済み)の右上のアイコンの「Settings」(設定)の項目から編集することができる。 Account settings via Flickr Real Name/実名の設定 Display Name/表示名の設定 W…

Bloggerのフィードウィジェットで記事のコメントをブログに表示する方法

イメージ

Bloggerのウェブの編集の「レイアウト」からフィードウィジェットを使うとブログの記事に付けられた全てのコメントを対象にコメントのフィードのURLから読み込んで新しい順で直ぐに表示することができてとても便利なんだ。 フィードの設定 via Blogger フィードの設定で入力するブログのコメントフィードのURLはBloggerでは二つ用意されている。 Atomのコメントフィード ドメインの末尾に「/feeds/comments/default」を付けたもの RSSのコメントフィード ドメインの末尾に「/feeds/comments/default?alt=rss」を付けたもの Bloggerの無料版のサブドメインのブログならばドメイン名の「blogspot.com」の「.com」、有料版のカスタムドメインのブログならばそれぞれのドメイン名の次の「.com」や「…

無限スクロールを作成する:JavaScriptのIntersection ObserverにFetchを組み込んだプログラム

イメージ

サイトの無限スクロールのプログラムのアイデアは大きく二つの部分に分けられる。一つは要素判定で、今のページが画面のどこまで来たら次のページを表示するように動作するかを決める。もう一つは生成処理で、次のページをAjax通信でサーバーから読み込んで今のページに実際に追加する。JavaScriptのプログラムで前者に正しく画面と要素の交差を監視できて最適な Intersection Observer API 、後者にAjax通信の時間差の難点も克服できて便利な Fetch API を使って無限スクロールを作成する方法を取り上げる。 無限スクロールのプログラムの基本的な流れ Brown grasses under white clouds at daytime by Glenn Carstens-Peters  on Unsplash 通常、同じデザインのページがページネ…

Bloggerの投稿の投稿の設定:ラベルとスケジュール/公開とパーマリンクと検索向け説明と場所とオプションについて

イメージ

YouTube動画から取得できるサムネイル画像の場面とサイズのURLのパターン

イメージ

ソーシャルメディアでのサイトの宣伝効果はアクセス解析のリファラー/参照元のURLで分かる

イメージ

サイトのアクセスアップのためにソーシャルメディアへリンク付きの投稿を行う。 Social media by FirmBee [ CC0 ], via Pixabay 実際にどのくらい人が来るかはアクセス解析( Googleアナリティクス など)のリファラー/参照元にソーシャルメディアのURLが表示されるかどうか、そして表示されれば数によって投稿のリンクが、何回、押されて使われたかが分かる。 自分で行わず、他の誰かがサイトを共有した場合でも同じで、ソーシャルメディアでの宣伝効果がアクセス解析のリファラー/参照元には反映している。 主なソーシャルメディアのリファラー/参照元 Facebook /フェイスブック facebook.com(デスクトップ) m.facebook.com(モバイル) l.facebook.com(Link Shimのデスクトップ) lm.facebook…

Search Consoleのrobots.txtテスターでサイトのrobots.txtをしっかり確認しておく

イメージ

サイトのrobots.txtは検索エンジンがサイト内容を把握する検索ロボットのクローラーをブロックするために主に使われるファイルだ。 robots.txtで除外されたページは検索エンジンに読み込まれないので、検索結果に出ない場合が多い。検索避けとは少し違ってどこかにリンクがあるとURLだけでもクローラーに読み取られて検索結果に出る場合もないわけではないので、完全な検索避けとは混同しないように注意して使わなくてはならない。 一般的にログインページなどの検索結果に出すべきではないURLを対象にして設定される。 しかしサイトの検索エンジンからのアクセスアップのSEO(検索エンジン最適化)対策にも役立つ。 というのは検索エンジンのクローラーはサイトにやって来ていつも全てのページを巡回するわけではないし、ページ毎に一度でコンテンツを隅々まで把握するわけでもないらしく…

MUFGカードWEBサービスご登録確認|宛先/アドレスが違うのに届く迷惑メール

イメージ

迷惑メールが届いていて何だと思って開けてみたら非常に精巧にできていて騙されかかった。心当たりがありそうな感じがするのが恐ろしい。昔は訳の分からない内容の誰も知らないような迷惑メール――どこかのサイトで百万円が当たった(懸賞発表)とかどこかの人が五千万円を貰って欲しい(遺産譲渡)なんて文面で返信を求められる――が多かったけれども今は誰でも知っているような訳の分かる記述が行われている。細かく注意しなくては関係があるのかと普通に対応して個人情報などを抜き取られてしまう危険性が高いだろう。 MUFGカードWEBサービスご登録確認の迷惑メール 僕はかつて三菱銀行に普通預金を行っていた(現在でも使わずに銀行口座は残っている)からMUFGカードは 三菱UFJニコス のクレジットカードだけど、 三菱UFJフィナンシャル・グループ の関係会社に含まれる 三菱UFJ銀行 の三菱東京U…

独自ドメインのドメインパワーのSEO対策

イメージ

ブログのSEO(検索エンジン最適化)対策での検索エンジンからのアクセスアップを本格的に目指しておよそ二年半が過ぎて一日二百人も安定して越えられない。 最初の一年半はTumblrでやって一日三十人しか得られずに厳しかった。振り返ると ソーシャルメディアの扱いだろう からどんなにSEO対策を駆使しても検索エンジンからのアクセスアップは少ないと考える。新しく気付いたところでは構造化データでSocialMediaPostingが示されていてそれこそ正しくソーシャルメディアの投稿だと検索エンジンにセマンティック(機械向け)に伝えられてもいたわけだった。 Tumblrのブログは有名人が名前で佳くやっていて検索すると同じようにやっているTwitterやFacebookやInstagramよりも順位が明らかに低かったりするし、ソーシャルメディアとして捉えても検索エンジンで…

BloggerでサイトマップのXMLファイルやRSS/Atomフィードを送信する

イメージ

Search Console でホームページやブログのサイトマップを送信すると Google 検索にURLが知られ易くなり、 クローラーの平均巡回数を上げながら サイト内容が多めに把握されて高品質なコンテンツならば検索結果で有利に紹介されるかも知れない。 Bing や Yandex など、他にも一部のロボット型の検索エンジンでウェブマスターツールに登録するとサイトマップを送信することができるようになっている。 検索エンジンからのアクセスアップの常套手段の一つで、SEO(検索エンジン最適化)対策として基本中の基本といって良いと思う。 検索エンジンに送信するサイトマップはXMLファイルで作成する( サイトマップを作成、送信する )。一般的に自分で行うか、 サイトマップを作成 などのツールを使う。そしてサイトのサーバーにアップロードして検索エンジンの管理ページで設定すると完了するんだ…

やりすぎ都市伝説の「信じるか信じないかはあなた次第です」のフレーズが耳に残って離れない関暁夫だけど

イメージ

二回くらいしか観てなくてもっと観たいと待っていたテレビ番組が「信じるか信じないかはあなた次第です」のフレーズが耳に残って離れない やり過ぎ都市伝説 (元々は やりすぎコージー の中の芸人都市伝説)だった。流石にもうそろそろパターンが掴めて来たし、飽きてしまった感じもしないでもなく、昨日、三回目を観ていたんだ。 面白いのはやはり何といっても 関暁夫 の特別取材のコーナーだ。海外で専門家を交えた大掛かりな様子が情報の確かさを煽っているのが唸らされる。 従来ならば本当かどうかが余程と問われていたはずで、取り分け ノストラダムス の大予言が二十世紀末に多く取り沙汰されてどっちなのかと感じながらテレビを観ていた。世界滅亡説がありながら二十一世紀に何事もなく、移行してしまった後で、もう終わりではないかと考えた、人々を巻き込んだリアルなオカルトというテーマは。 UFO(未確認飛行物体…

Bloggerの301リダイレクトは使えるもサイト内だけだ

イメージ

Bloggerのウェブの編集から「検索設定」の「カスタムリダイレクト」で301リダイレクトが使えると分かった。 リダイレクト元とリダイレクト先の二つのURLを日付の前の半角スラッシュ(/)から入力する。そして「永続的」にチェックすると301リダイレクトで、何もしないと一時的な方法の302リダイレクトになる。全ての設定を保存すると動作して一つのページから他のページに飛ぶように変わる。 301リダイレクトが使えるとサイトを移転する際にはとても便利で、取り分けGoogle検索でのサイト評価をある程度は引き継ぐといわれるから検索エンジンからのアクセスも新しいサイトで一から出直さずには済みそうだ。 Bloggerは301リダイレクトが使えるから良いと思うし、無料のブログサービスでは殆ど聞かないから珍しくも有り難いけど、ただし設定の仕方から気付く通り、リンク先のUR…

BloggerでGoogleフォトから載せた写真が消えてしまうのは後からアルバムを操作したせいだろう

イメージ

本当に恐ろしいし、ブロガーとしては困ってしまうばかりだけれどもBloggerでブログに載せた Googleフォト の写真がいつの間にか消えてしまうからなぜなのかと考えざるを得なくなった。 ウォークマンが雨に濡れてしまったよ 調べてみたら以前からBloggerブログではGoogleフォトから載せた写真が消えてしまうという現象があったみたいで、Googleフォトのアルバムの取り扱いが影響している可能性が高いと推測された。 振り返ると全ての画像が消えたわけではなくて一部だったけれどもGoogleフォトのアルバムへブログに載せた写真を後から動かしていた感じがする。 どこのアルバムにも入れてない写真をBloggerブログに載せてからGoogleフォトでアルバムに追加したのが良くなかったのではないか。 気付いたのは半年程前だったけれどもBloggerではGoogleフォトか…

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

イメージ

BloggerブログのURLはパソコンとスマホで違うけれども検索エンジンには統一されていてサイト評価は分散しない

イメージ

Bloggerを使ってからアクセスアップが大丈夫かと大きく不安視されたのがパソコンとスマホでのブログのURLが違っていた。 メインの「.com」のドメインも国別で日本ならば「.jp」に振り分けられたりしてURLが数多く生み出される。 追記:2018年からBloggerの国別URLは廃止されて無料版のブログのトップレベルドメインは従来のメインの「.com」に統一されるように変わった( It’s spring cleaning time for Blogger /Bloggerの春の大掃除)。 パソコンのウェブバージョンかスマホのモバイルで限定するとURLの末尾に「?m=0」か「?m=1」が付けられるようになっている。 ブログのURLが幾つもあると検索エンジンでのサイト評価が上がり難くてアクセスアップに繋がらないと危ぶまれる。 リンクされたサイトからのページランクが…