1

PHP初心者です。
open graph imageを変更できなくて困っています。

・サイト全体で、head.phpと言う共有のファイルを読み込んでいる。そこには、og:imageのcontentについて下記のように記述されている。

<?php if(file_exists(dirname(__FILE__).'OG用画像.jpg')) : ?>
<meta property="og:image" content="<?php echo     location_file.'images/ogp.jpg'; ?>">
<?php endif; ?>

・とあるページでは、上記共通の画像('OG用画像.jpg')ではなくて、別の画像を表示させたいが、設定の仕方がわからない。htmlのhead内に直接と記載しても反映されない。

そのページのソースをブラウザ上で表示すると、

<meta property="og:image" content="OG用画像.jpg">

<meta property="og:image" content="表示させたい画像">

が両方表示されている。

・facebookのdebuggerで表示されるのは、最初の「OG用画像.jpg」のみ
アドバイスやご指摘、よろしくお願いいたします。


6/19 11:18 以下追記

コメントありがとうございます。
ディレクトリに関しては、以下のような形になっています。

以下4つが同じディレクトリ内
①index.php
②templatesフォルダ
> head.php
③recruitmentフォルダ
>index.php
> position1.php(とあるページ)
> imagesフォルダ > 表示させたい画像.jpg
④images
> OG用画像.jpg

というのはどこで定義しているのでしょうか?

「どこで定義している」というのは、どのように回答すればよろしいでしょうか?
contentの中には、https://から始まる画像のURLを絶対パスで入力しています
OGの画像を変更したいとあるページ(position1.php)のphpファイルのheadタグ内に直接書き込んでいる状態です。

とあるページは同じディレクトリ内に置いてあるものなのでしょうか?
とあるページのソースコードと置いてあるディレクトリ等(ディレクトリ名などは適当で構いません)を共有してい>ただければより詳しく考えることが出来るかと思います

head.phpのソースコードです。

<!DOCTYPE html>
<html class="<?php echo $htmlClass; ?>">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website:     http://ogp.me/ns/website#">
<meta charset="utf-8">
<title><?php echo $meta['title']; ?></title>
<meta name="keywords" content="<?php echo $meta['keywords']; ?>">
<meta name="description" content="<?php echo $meta['description']; ?>">
<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link rel="index" href="<?php echo location; ?>">

<?php if(file_exists(dirname(__FILE__).'/../images/favicon.ico')) : ?>
<!-- favicon -->
<link rel="shortcut icon" href="<?php echo location_file.'images/favicon.ico'; ?>">
<?php endif; ?>

<?php if(file_exists(dirname(__FILE__).'/../images/apple-touch-icon.png')) : ?>
<!-- apple-touch-icon -->
<link rel="apple-touch-icon" href="<?php echo location_file.'images/apple-touch-icon.png'; ?>">
<?php endif; ?>

<!-- Open graph tags -->
<meta property="og:site_name" content="<?php echo TITLE; ?>">
<meta property="og:title" content="<?php echo $meta['title']; ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo (empty($_SERVER["HTTPS"]) ? "http://" : "https://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]; ?>">
<meta property="og:description" content="<?php echo $meta['description']; ?>">
<?php if(file_exists(dirname(__FILE__).'/../images/ogp.jpg')) : ?>
<meta property="og:image" content="<?php echo location_file.'images/ogp.jpg'; ?>">
<?php endif; ?>

質問文中に「htmlのhead内に直接変更した」とありますが、どのように変更を実施したか、追記いただけますか?

変更は、<!-- *** og *** -->以下のmeta propertyの記述を直接記述しました。OGの画像を変更しようとしたページのhtmlを示します。(上に示したファイルで言うと、position1.phpに当たります)。include.phpは、head.phpを読み込むためのファイルです。

<?php $page = 'recruit__yoga'; $name_jp = 'ヨガ担当'; $name_en = 'yoga'; include "../config/include.php"; ?>

<!-- *** og *** -->
<meta property="og:image" content="https://省略/recruitment/images/img_yoga_saiyou.jpg">

<!-- *** stylesheet *** -->
<?php include "../templates/common_css.php"; ?>
<link href="../css/recruitment20180618.css" rel="stylesheet" type="text/css" media="all">
<link href="../css/recruit__yoga.css" rel="stylesheet" type="text/css" media="all">
 <!-- *** javascript *** -->
<?php include "../templates/common_js.php"; ?>
<script type="text/javascript" src="../js/recruitment.js"></script>
<script>
</head>
6
  • <meta property="og:image" content="表示させたい画像"> というのはどこで定義しているのでしょうか? とあるページは同じディレクトリ内に置いてあるものなのでしょうか? とあるページのソースコードと置いてあるディレクトリ等(ディレクトリ名などは適当で構いません)を共有していただければより詳しく考えることが出来るかと思います。転記
    – keitaro_so
    Commented 2018年6月19日 1:38
  • keitaro_soさま、コメントありがとうございます。ご質問いただいた件について追加の記述をいたしましたが、この内容で良かったでしょうか? Commented 2018年6月19日 2:24
  • サーバから吐き出されたHTMLのソースコードではなく、PHPのソースコードをご提示いただけると幸いです。この場合はheader.phpの部分を可能ならばご提示いただけると幸いです。
    – keitaro_so
    Commented 2018年6月19日 2:32
  • 失礼しました。head.php内は、記述した通りで全てです。 Commented 2018年6月19日 3:42
  • もう一つだけ、質問文中に「htmlのhead内に直接変更した」とありますが、どのように変更を実施したか、追記いただけますか?
    – keitaro_so
    Commented 2018年6月19日 4:35

1 件の回答 1

0

header.php中の

<?php if(file_exists(dirname(__FILE__).'/../images/ogp.jpg')) : ?>
<meta property="og:image" content="<?php echo location_file.'images/ogp.jpg'; ?>">
<?php endif; ?>

こちらを変更しないで、呼び出し元(position1.php)からmetaタグを追加されても基本的にmetaタグは上書きにならず、最初に呼び出されているものが呼び出されます。

そのため上記で記述してあるところを削除してして、呼び出し側のすべてのページで設定する。
もしくは
フラグや変数(position1.php内の$name_jp = 'ヨガ担当'ようなかんじ)で条件分岐で切り替える処理を追加してください。

こちらどちらがいいかはその他のページとの兼ね合いになりそうので修正範囲等を確認しながら判断をしたほうがいいと思います。

0

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。