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 では、『https://j-sem.net/feed/』と入力した。
※WordPressサイトのfeedはURLの後ろに/feed/です。『/』で閉じます。

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

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

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

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

しかもこれ!

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

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

速攻で直しましょう。

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

<a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2F
https%3A%2F%2Fj-sem.net%2Ffeed%2F'  target='blank'>
<img id='feedlyFollow' src='http://s3.feedly.com/img/follows/
feedly-follow-rectangle-volume-big_2x.png' alt='follow us in feedly'
 width='130' height='56'></a>

これを直します。

直したのものがこちら。

<a href='http://cloud.feedly.com/#subscription%2Ffeed%2F
https%3A%2F%2Fj-sem.net%2Ffeed%2F'  target='blank'>
<img id='feedlyFollow' src='//s3.feedly.com/img/follows/
feedly-follow-rectangle-volume-big_2x.png' alt='follow us in feedly'
 width='130' height='56'></a>

このふたつを取り除いてます。
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登録も合わせてどうぞ。

 

関連記事

WordPressの一覧ページSEO

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

 
 
no image
2022年サーチエンジンマーケティングと周辺の話

明けましておめでとうございます。2022年です。前回から2年経過です

2020年トレンド
2020年のSEOトレンド

明けましておめでとうございます。(いまさら!)毎年書いていた年始め

2019年のSEO
2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと

Googleの個人名「ナレッジパネルの認証を受ける」の申請方法・編集

Googleで個人名検索をした際に表示される「ナレッジパネル

検索意図ドリル
コンテンツマーケティング関連本「検索意図ドリル」書きました。

ドリルを書きました。 「は?ドリル?あの漢字とかの?」 こ

→もっと見る

PAGE TOP ↑