WordPressのHTTPSサイト(常時SSL)にFeedlyのフォローボタンを設置する際、迷った点を説明するよ

公開日: : 最終更新日:2015/07/23 WordPress

FeedlyのFollowボタンを設置したい

さて、今回もコンテンツSEOネタを投稿予定だったんですが、Feedlyボタン設置で少し躓き(つまづき)まして、きっと他にも同じ所でハマる方いるだろうなと思ったのでポスト。

この記事は、次の方に役立ちます。

  • WordPressを導入しているサイト
  • HTTPSサイト(このブログも常時SSLです。)

にFeedlyボタンを付けたい!方々のために。

この手順を行ってみた

feedlyボタン作成ページキャプチャー
Feedly公式内のボタン作成ページへ行く
http://www.feedly.com/factory.html
feedly_各項目を入力したところ
各項目を選択、入力する。
※竍垂ヘクリックで大きい画像

画像の例では、左上の大きなボタンを選択し、
Step 2: Insert your feed URL では、『http://j-sem.net/feed/』と入力した。
※WordPressサイトのfeedはURLの後ろに/feed/です。『/』で閉じます。

そして、3で生成されたURLを適当に本文なり、サイドバーなりに貼り付けてみたところ。。。

陥った問題点1:真っ白なんですけどー

まっしろ。
feedly_正常に設置できていない場合の例
この写真のように真っ白。
こうじゃない感。

もっと、記事の一覧がババっと出てきて、もっとスムーズに『+ボタン』を押して貰うつもりなのに。

しかもこれ!

feedly_sslエラーが出ている
黄色の三角マークが出て、『ただし、このページには安全でない他のリソースが含まれています。』とのエラー。

参った!しかもお腹へってるから早くランチ行きたいのにみたいなタイミングでこれ!

速攻で直しましょう。

上手く動いていないソースコードが手元にありますか?
私の場合、このようなソース。

これを直します。

直したのものがこちら。

このふたつを取り除いてます。
http%3A%2F%2F
http:

1つ目の『http%3A%2F%2F』はリンク先のcloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fhttps%3A%2F%2Fj-sem.net%2Ffeed%2F
ここです。

2つ目の『http:』は、画像ボタンを呼び出す
src=’http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png’
ここです。

実際に付けてみた

follow us in feedly
どうでしょうか?
クリック先で一覧表示されているでしょうか?

うまく表示されました!

追記:このブログはドメイン移転及びhttpsからhttpへ戻す作業をしました。

上記ボタンでは、このブログはhttpのため、rss登録が正常に表示されません。登録は右サイドのボタンからどうぞ

このブログはWordPressの使い方や設定方法の説明によりも、どういった内部SEOを行うべきか、どういったコンテンツ設計をするとアクセスが増えるのかといった技術的な内容中心のブログです。
もし人気のブログにしようと一生懸命頑張るブロガーさんやサイトオーナーさんであれば参考になる情報も発信しています。RSS登録も合わせてどうぞ。

スポンサーリンク

関連記事

常時SSL化する時の301リダイレクト設定

WordPressサイトの常時SSL化(全ページHTTPS)リダイレクトを.htaccessで設定しよう

実はつい先日、サービスサイトを常時SSL化致しました。 SSL導入でSEO効果アップ?順位

記事を読む

コンタクトフォームを暗号化通信にするプラグインの設定

WordPressのお問い合わせメールフォームページだけSSL化する方法

最近増えているのは全ページがHTTPS(SSL)となった常時HTTPSブログ(サイト)ですが、一

記事を読む

ブログのアクセスアップはどうするの?

WordPressブログのアクセスアップ方法【上級者向け】

アメブロやはてなブログといったサービス内で人の動きが活発なサービスであれば、これでもかと回数

記事を読む

WordPressの一覧ページSEO

WordPressサイトの一覧ページ(アーカイブページ)のSEOについて(noindexの扱いなど)

今回はWordPressのお話です。 オウンドメディア、コンテンツマーケティング業界ではバブル

記事を読む

404ページ設定は必要ですか?

SEOに効く404エラーページを作成しよう!WordPress設定の仕方も

古いページを削除したため404エラーが発生している場合や、誰かが張ってくれたリンクのパスが誤

記事を読む

WordPressのアナリティクストラッキングコードを正しく設置しよう

WordPressへのアナリティクス設定方法【図解】(Google Analyticsトラッキングコード設置)動かない時は見なおしてみよう!

多くのサイトを拝見していて意外と多い誤りに『アナリティクスのトラッキングコード設置』がありま

記事を読む

スポンサーリンク
スポンサーリンク
2017年のSEOトレンド
2017年のSEOトレンド予測と重点対策ポイント

2017年に注力すべきSEO領域、新たにキャッチアップすべきSEO

SEOとキーワード数
SEOとキーワード数(メタタグ・タイトル・1ページ内)の正しい設計

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。

SEMって何?
SEMとは?SEOとの違い

ネット界隈はカタカナや3文字略称が頻繁に出てきます。 ここでは、

キーワードプランナーに仕様変更?
キーワードプランナーの不具合?稼働キャンペーンのないアカウントで検索数が正常に取得できない

今月の上旬に、キーワードプランナーに少し変更があったようです。

WordPressの一覧ページSEO
WordPressサイトの一覧ページ(アーカイブページ)のSEOについて(noindexの扱いなど)

今回はWordPressのお話です。 オウンドメディア、コンテン

→もっと見る

PAGE TOP ↑