jetpackとAll in One Seo が一緒だとSNSへ自動投稿ができない?

獅子魂で症状がでるのだが、jetpackでfacebookとinstagramへ投稿するときに、All in One Seoがプラグインで有効化しているとSNS側には投稿されなくなる。

両方のプラグインを利用して、インスタにもアイキャッチを送りたい場合は、ALL in One Seo のソーシャルネットワーク→facebookのデフォルトの投稿画像ソースをアイキャッチにするfacebookとinstagramにはこのアイキャッチ画像が投稿されることにする。

↑の状況では、ユーザー権限が管理者でないと、プラグインの問題なのか、instagramへはアイキャッチで登録している画像が流れなかった。管理者権限が必要!?

上記でダメな場合は、しかたがないので、All in one seoのプラグインを停止してheader.phpに下記記載する。facebook側への画像は投稿画像が入る。instaはアイキャッチ。

<title>獅子魂プロジェクト 日本一の獅子舞県・富山 <?php wp_title(); ?></title>

wordpress admin以外のユーザーではfacebookに連携ができない。わからん

石浦家具のishiura-information

 

admin以外のユーザーでもwordpress.comのアカウントでこの投稿を共有箇所から設定処理すればfacebookとも連携はとれた!そして管理者権限ではなく、編集者権限でも大丈夫。

admin以外のユーザーではfacebookへはpostが流れない。アカウントを別ユーザーでログインしてやろうとすると facebook共有箇所がでない。この投稿を共有箇所でアカウントに接続とでるが、wordpressCOMに接続になってしまう。わからない。多分jetpackを設定する何かと関連あるんだろうがわからない。

adminで対応してもらう。

 

 

※jetpackはwordpress.comが提供しているプラグインだからwordpress.comのアカウントが必要となる。あらかじめ紐づけても良いメアド準備すること。

 

JetpackでWordPressとSNSを連携!FacebookやTwitterに自動投稿する方法

【これで大丈夫!】 どうやってもfacebookにアイキャッチでogpが出力されない時! wordpress facebook

現段階では jetpackを使い、このやりかたでやっていく。

All in One SEOのソーシャルメディア機能は使わない!(facebookのogpが上手くいかないから。)

 

e-genjin-infoにて実装中

ishiura-informationにて実装中

 

プラグイン「All in One SEO」の設定とかでog:imageの設定をしてるとうまく反映されないので注意(マジで) All in one seoのソーシャルメディア機能ははずしておく

 

https://qiita.com/sola-msr/items/e73204bed06e9ab1da3a


下記の手順で行うと大丈夫。

まず、All in One SEOは使わないので、facebook for developersでアプリを作ったりアプリIDやユーザーIDを調べる必要がない。

 

※facebookページのページ名変更とtwitterのアカウント名変更は事前にしておいた方が良いとおもう。

①functions.phpへの記載

 

functions.php

//facebookとtwitterのOGP用

// URLからドメイン部分を削除したURLを返す
function delete_domain_from_url( $url ) {
if ( preg_match( ‘/^http(s)?:\/\/[^\/\s]+(.*)$/’, $url, $match ) ) {
$url = $match[2];
}
return $url;
}

 

②header.phpへの記述

header.php

head内に表記

<!–facebook用のOGP アイキャッチで表示–>
<?php if ( is_single() && has_post_thumbnail() ) : ?>
<!– 記事に設定されているアイキャッチ画像のOGP –>
<meta property=”og:image” content=”<?php echo home_url() . delete_domain_from_url(wp_get_attachment_image_src( get_post_thumbnail_id(), ‘full’ )[0]); ?>”>
<?php else : ?>
<!– デフォルトOGP –>
<meta property=”og:image” content=”https://e-genjin.jp/image/ogp.png“>
<?php endif; ?>

<!–twitter用のOGP アイキャッチで表示–>
<?php if ( is_single() && has_post_thumbnail() ) : ?>
<!– 記事に設定されているアイキャッチ画像のOGP –>
<meta name=”twitter:image” content=”<?php echo home_url() . delete_domain_from_url(wp_get_attachment_image_src( get_post_thumbnail_id(), ‘full’ )[0]); ?>”>
<?php else : ?>
<meta name=”twitter:image” content=”https://e-genjin.jp/image/ogp.png“>
<?php endif; ?>

※青い箇所はアイキャッチや投稿画像がない場合にデフォルトopg画像

<meta name=”twitter:card” content=”summary_large_image” />

<meta property=”og:title” content=”エネル原人 インフォメーション” />

※緑の箇所はtwitter用のカード設定とタイトル設定。これ表記するとアイキャッチがtwitterでも表示されるから必ず表記すること。なので↓の打ち消し線の状況を回避できる。

しかし、twitterにはデフォルトOGPが入らない。だからかならず投稿画像は入れてもらうようにした方がよい

※facebookへやアイキャッチからogpが挿入されたが、twitterには表示されなかった。twitterは投稿画像をアップするとそれがogpになった。facebookには投稿画像はogpにはならなかった。

 

 

以上これで下記の状態になる。↓

③表示結果

投稿画像→ twitterのみ
アイキャッチ→ facebookとtwitter
投稿画像なし アイキャッチなし → facebook  twitterにデフォルトOGP表示

 

 

【2020年版】Twitterカードとは?使い方と設定方法まとめ

 

 

 

OGPのサイズ

 

クライアントへのOGPのアイキャッチアップ方法のマニュアルはnew-ishiura/ドキュメント/インフォメーション編集方法.aiに記載

 

jetpackとの連携設定

 

SSL(https)化してないWordPressからFacebookに自動投稿したいなら「Jetpack」を使おう!

注意

admin以外のユーザーではfacebookへはpostが流れない。アカウントを別ユーザーでログインしてやろうとすると facebook共有箇所がでない。この投稿を共有かしょでアカウントに接続とでるが、wordpressCOMに接続になってしまう。わからない。多分ジェットパックを設定する何かと関連あるんだろうがわからない。

adminで対応してもらう。

 

jetpack と facebook

SSL(https)化してないWordPressからFacebookに自動投稿したいなら「Jetpack」を使おう!

 

※wordpressのアプデに伴い、公開ボタンを押してからじゃないと facebookやtwitterに共有するかどうかのボタンが現れなくなった。もしくは上部の公開ボタンの右隣りにジェットパックのアイコンがあるのでそちらで。

アプリID facebook

サンプルかどうか確認とらなければだが、
All in one seo の設定は chancemaker.co.jp/information/

アプリIDは facebook@cm-creation.netの facebook for developersの

https://developers.facebook.com/?no_redirect=1&ref=gray_bar_logo_click

のマイアプリの chancemakerOGP で設定してみてる。

 

 

Facebookでシェアする際の設定方法

Facebookでは、上記(htmlのheadにOGP設定したほかに)で説明した基本設定にプラスして「fb:app_id」を設定することができます。

アプリ ID(fb:app_id)

サイトやブログの管理者をFacebookに伝えるためのタグになります。また、いいねの数やどれくらいの人が見てくれたのか、どの時間帯がユーザーの目にとまりやすいかなど、Facebookからサイトへのトラフィック分析ができるFacebookインサイトを利用できるようになります。

 

FacebookのOGP設定に必要なfb:app IDの取得方法

 

FacebookのApp ID(アプリID)は、OGPの設定やFacebook用のアプリを作成する時に必要なIDです

「サイトURL」に、サイトトップのURLをご入力いただき、「変更を保存」をクリックして下さい? (ブログが設置してあるディレクトリじゃなくそのサイトのトップってことだとおもう 例 https://www.chancemaker.co.jp/)←これでOK.

https://01earth.jp/web-create/coding/appid_howtoget/

 

※facebookのユーザーネームの調べ方

All in one Seoで必要になるから。

Facebook 管理者 IDの確認方法、ユーザーネーム取得方法

wordpress facebook ogp

2019/6/24

chancemakerのテーマでも同じ問題がある。テーマをtwenty系に切り替えたらfacebookへogpはwordpressの投稿から入った。このことからオリジナルのテーマに何かしらの問題がある。因みにキービジュアルが表示される問題があるのだが、その箇所けずると表示されてた。


カワラートのwpからFBへの自動投稿がされないとの連絡。jetpackがなぜか設定されていない。新しく設定したがなぜかブログのキービジュアルが必ずOGPになり、投稿画像はならない。以前は ALL IN one SEO の画像投稿種類にアイキャッチ項目があったがそれもバージョンアップなのかなくなっている。

いろいろやってみたがプラグイン側の設定では投稿画像をOGPできない。余談だがfacebookのアプリ設定がいまいちわからない。facebook for developersのアプリドメインの箇所が何を入れたらよいかわからない。適当にいれてもエラーになる。

 

WordPressのOGP設定に必要なFacebookアプリIDの作成手順

 

https://www.h-fj.com/blog/archives/2012/01/21-152934.php

 

 

 

結局header.phpには下記を記述

<!– ※基本共通設定 –>
<head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#”>
<title> ページの タイトル</title>
<meta property=”og:type” content=” website” />
<meta property=”og:url” content=”http://kawarart-hara.jp/kawarart/” />
<meta property=”og:image” content=” http://kawarart-hara.jp/image/facebook/ogp-logo.jpg” />
<meta property=”og:site_name” content=”カワラート・ハラ” />
<meta property=”og:description” content=”家屋と屋根と瓦を守りたい。屋根と瓦のことなら カワラート・ハラ” />

<!– Facebook用設定 –>
<meta property=”fb:app_id” content=”2354448061442265” />

<meta property=”fb:admins” content=”100010541739329” />

赤 facebookアプリのアプリID と アドミンID

 

All in one Seo に設定もしたが反映されているかは謎。いまいちわからない。jetpackなくすと反映されなくなった。

All in one seoはogp設定プラグインであって、自動投稿のプラグインじゃないからだった。(今更わかった。2019/6/24)

仕方ないので一応 jetpackとAll in one seoはいれつつ、OGPのパスはhome.phpで設定している画像を表示させることにした。画像の大きさは 1000x400だが両端はカットされている。

https://blog.sixapart.jp/2012-06/ogimage.html

 

FacebookのOGP設定に必要なfb:admins IDの確認方法

 

 

facebookとwordpressの連携

All in One SEO とjetpackを併用する。

functions.phpがおかしいと、アイキャッチで投稿した画像が変になるのでおかしい時は疑うこと。カワラートハラのfunctions.php使用でOK キャッシュクリアもする。

All in One SEO
OGPの設定と投稿画面から、アイキャッチ画像が投稿されない時には指定した画像をアップするために使用

All in One SEOの設定
http://jisedai-lab.com/facebook-ogp/

 

jetpack
All in One SEOだけではwordrpessから投稿したものが自動では投稿されないので自動投稿のために使用する。

 

新・中尾清月堂のwordpress環境で使用中。

 

facebookでの表示結果

画像+アイキャッチ = アイキャッチ

画像のみ = 設定画像表示

アイキャッチのみ = アイキャッチ

テキストのみ = 設定画像表示

 

FacebookのOGP設定で得られる3つのメリット

FacebookのOGP設定をする事で、大きく3つのメリットがあります。

2
画像の通り、

・表示画像
・表示タイトル
・表示キャッチコピー

この3つを指定できるようになります。

特に画像とタイトルはクリック率を上げる上でとても重要な部分なので、必ず設定する必要があるのです。

逆に言えばOGP設定をしなければ、意図しない画像が勝手に表示されたり、タイトルも適切な状態にならない場合があるので、こちらのメッセージがしっかりと伝わらなくなる可能性があります。

OGP設定がいかに重要であるかという事が分かります。

 

1. まずはFacebookページを作ろう

まだFacebookページを作成していない場合は、まずはFacebookページを作成しましょう・

・Facebookページの作り方と初期設定方法

例えば個人でビジネスを行っている場合でも、個人のFacebookアカウントとは別にメディア専用のFacebookページをちゃんと作成する事をおすすめします。

なぜならば、Facebookは個人間でのコミュニケーションツールであり、毎日毎日個人ページで『ブログ更新しました!』なんて投稿を繰り返していたら、その発信に興味が無い人は嫌気が差してしまうからです。

もちろん、内容が素晴らしければ毎日Facebookでブログやメディアの更新を告知する事も良いですが、できればブログ・メディア専用のFacebookをちゃんと立ち上げて、本当に伝えたいメッセージがある時に、Facebookページを個人ページでシェアする。これがFacebookとの上手な付き合い方なのかなと僕は考えます。

もちろん、正確な答えがある訳ではないので、色々思考錯誤して、最適な運用方法を見つける事が重要かと思います。

2. Facebookページでの設定

Facebookページ側で設定する事は、ただ1つです。

1
Facebookページ管理画面から、『基本データ』⇒『ウェブサイト』を選択、ウェブサイト記入欄に運営するブログ、メディアサイト、会社ホームページのURLを入力するだけです。

これでFacebookにブログやサイトの所有権を通知する事が可能です。

(※ウェブサイトの箇所はオフィシャルサイトのトップページでよい)

3. WordPressでの設定

FacebookのOGP設定は、WordPressでの作業がメインとなります。順番に作業をすすめて行きましょう。

3-1. All in One SEO Packをインストールしよう

FacebookのOGP設定を一番簡単に行うには、WordPressプラグインである『All in One SEO Pack』を利用します。

All in One SEO PackはWordPressの各種基本設定をまとめて行う事ができる万能プラグインです。導入必須なので、まだWordPressにAll in One SEO Packをインストールしていない場合は、ぜひインストールする事をおすすめします。

・All in One SEO Packのインストールと初期設定方法

それではこれ以降、All in One SEO Packをインストールしている事を前提として作業手順を解説していきます。

(※現在見え方が若干違う)

3-2. All in One SEO Packでの有効設定

All in One SEO Packをインストールしたら、『Social Meta』を有効化します。Social Metaとは、WordPressと各種ソーシャルメディアを連携させるスイッチの事です。

3
WordPress管理画面から、『All in One SEO』⇒『Feature Manager』を選択。『Social Meta』⇒『Activate』をクリック。

4
『All in One SEO設定更新』が表示され、Social Metaのアイコンがカラー化したら機能が有効化されます。有効化すると以下の画像のように『Social Meta』のタブが表示されます。クリックします。

5
ここからFacebookに特化した設定を進めましょう。

3-3. Image Settings設定

Image Settingsでは、3つの設定をすれば大丈夫です。

6
Select OG Image Source:この設定では、シェア等が起きた時に表示される画像を指定する事ができます。アイキャッチ画像はコンテンツの顔だと僕は考えているので、ここは『アイキャッチ画像』を選択する事をおすすめします。

Use Default if No Image Found:この設定にチェックを入れると、アイキャッチ画像を設定していない記事等がシェアされた時に表示される画像を指定する事ができます。次の設定で画像を指定する事ができるので、ここはチェックを入れましょう。

Default Image Width:上記設定にチェックを入れた場合、ここで表示画像を指定する事ができます。『Upload Image』をクリックすると、画像を指定できますので、任意の画像を選択し、設定を完了します。

3-4. Facebook Settings

Facebook Settingsでは、4つの設定を行います。

7
Profile Admins ID:ここにはFacebookページIDを入力します。IDの確認方法は後述します。

Facebook Object Type:ここでは『Blog』形式にチェックを入れます。

Enable Facebook Meta for:ここでは『投稿』『固定ページ』を2つにチェックを入れます。

Show Facebook Publisher on Articles:ここにはFacebookページのウェブアドレス(URL)を入力します。ここにURLを入力する事により、FacebookページとWordPressの所有者が同じであるという事を証明する事ができます。FacebookページのURL変更方法は以下の記事で解説しています。

・FacebookページのURL(ウェブアドレス)変更方法

3-5. FacebookページのプロフィールIDの確認方法

FacebookページのプロフィールIDは、ページ管理画面トップ、基本データから確認する事ができます。

8
画面下部に『FacebookページID』という表記があり、16桁の数字の記載がありあます。これがFacebookページのプロフィールIDになりますので、先ほどの『Facebook Settings』設定での『Profile Admins ID』の入力欄には、この16桁の数字を入力して下さい。

以上で、FacebookとWordPressを連携させるOGPの設定は完了です。
実際に投稿してみて確認する事をおすすめします。

4. FacebookページへWordPressの記事を投稿する方法

FacebookのOGP設定が終了したら、さっそくWordPressの記事をFacebookページに投稿してみましょう。画像付きで効果的に投稿する方法はとても簡単です。以下の記事を参考にしてみて下さい。

・Facebookページへブログ記事を画像付きで投稿する方法

 

 

 

 

wordpressとfacebook連携  Jetpack

Jetpackを使って連携ができる。 松田工務店のブログ

プラグイン入れる際に、wordpresscomのアカウントが必要となる。これはインストールしたwordrpessとは別物。wordpesscomのサービスつかってとりあえずアカウントを新規取得して、プラグインを有効化する際にそのアカウントを入力することになる。

※facebookページは公開設定である必要がある。

http://okugoe.com/internet-marketing/wordpress-facebook/

 

■重要注意

バージョンの違いからかもしれないが、アイキャッチ設定をfunctions.phpにして、画像が投稿されるときには公開ボタンの前にアイキャッチを設定すること。
そうしないと意図しない画像がfacebook側へ入る。

ちなみに、松田工務店はアイキャッチ設定なくても大丈夫なのだが、カワラートはダメ。

 

JetpackのOGPの画像も掃き出しがうまくいかないようだ。

http://ryus.co.jp/blog/jetpack-ogp-image-re/