質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.33%

  • HTML

    9614questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

全てのページで同じtitle タグが設定されタイトルタグの重複を引き起こしている

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 206

minimini11

score 1

記事ごとのtitleタグと、自動で入ってしまっている?titleタグ(サイト名)が重複しているので、記事のtitleタグのみに戻したい。

Consoleの「HTMLの改善」で「タイトルタグの重複」が229ページもありました。

3か月前に、simplicity2からsangoへ移行し、約20日前にSSL化しました。

いつからタイトルタグが重複していたのか不明ですが、SSL化後にアクセス数が落ちたため確認して気づいたので、sango移行かSSL化で何か間違ったのだと思います。

「重複するタイトルタグのあるページ」の下には、サイト名が表記されていました。
サイト名をクリックすると、ズラッとURLが並んでいて、右側には「30/229 を表示中」とあります。

「ウェブマスター ヘルプ フォーラム」で質問したところ、「すべてのページで同じ title タグが設定されています(厳密には <title> タグが 2 つ設定されていて 1 つ目がすべて同じ)」と教えて頂きました。

自分では個別に設定しているつもりでしたが、自動的?にtitle タグが入るようにしてしまっているようです。

 試したこと

titleタグはheader.phpだと検索で知り、<head></head>の中を確認しましたが、特に怪しいものはありませんでした。(下に載せました↓)

要素の検証を見ると、<title>サイト名</title>以外に、<title>記事タイトル|サイト名</title>という記述を見つけましたが、それが正しいのか間違っているのか分かりません。

「ウェブマスター ヘルプ フォーラム」で教えて頂いた方に、何のどこを見て判断したのか聞けたら良かったんですが…

titleタグを重複させたらいけないことは検索すると出てくるのですが、どう改善したらいいのかわかりません。

また、全てのプラグインを1つずつ停止させ、<title>記事タイトル|サイト名</title>が変化するのか確認しましたが、変化なしでした。

プラグインの可能性もあるとは思いますが、どのHTMLを注意して見たらいいのかさえ分かっていません。

サイト上の目に見える変化ではないと思うので、確信なく作業できずにいます。

自動的にtitleタグが入るようになってるとしたら、どこを確認し、何を見つけて作業したらいいでしょうか?

推奨されているtitleタグ1つにしたいと思っています。

あまりに基本的なことを質問してしまい心苦しいのですが…困っています。

よろしくお願いします。

 補足情報

<!doctype html>
<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
<head>
<meta name="google-site-verification" content="○○○" />
<meta charset="utf-8">
<title> ○○○ </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="msapplication-TileColor" content="<?php echo get_theme_mod( 'main_color', '#6bb6ff');?>">
<meta name="theme-color" content="<?php echo get_theme_mod( 'main_color', '#6bb6ff');?>">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php wp_head(); //削除禁止 ?>

</head>
<body <?php body_class(); ?>>
<div id="container">
<header class="header<?php if(get_option('center_logo_checkbox')) echo ' header--center'; ?>">
<?php //ハンバーガーメニュー
if(wp_is_mobile() && is_active_sidebar( 'nav_drawer' )): ?>
<div id="drawer">
<!--ナビドロワーのボタン-->
<input type="checkbox" id="drawerinput" class="drawer--unshown" > <label id="draweropen" for="drawerinput"><i class="fa fa-bars"></i></label> <label class="drawer--unshown" id="drawerclose-cover" for="drawerinput"></label> <!--ナビドロワーの内容--> <div id="drawercontent">
<div class="drawertitle dfont">MENU<label class="close" for="drawerinput"><span></span></label></div>
<?php dynamic_sidebar('nav_drawer'); ?>
</div>
</div>
<?php endif; //END ハンバーガー?>
<div id="inner-header" class="wrap cf">
<?php //ロゴまわり
//トップページのみタイトルをh1に
$title_tag = (is_home() || is_front_page()) ? 'h1' : 'p'; ?>
<<?php echo $title_tag;?> id="logo" class="h1 dfont">
<a href="<?php echo home_url(); ?>"><?php $logo = esc_url(get_option('logo_image_upload'));
if($logo){ ?><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?>"><?php } if(!get_option('onlylogo_checkbox')) bloginfo('name'); ?></a>
</<?php echo $title_tag;?>>
<?php //END ロゴまわり
//PC用ヘッダーナビ
if(has_nav_menu('desktop-nav')) {
echo '<nav class="desktop-nav clearfix">';
wp_nav_menu(array(
'container' => false, 
'theme_location' => 'desktop-nav', 
'depth' => 2,
'fallback_cb' => ''
)); 
echo '</nav>';
} //END PC用ヘッダーナビ ?>
</div>
<?php //モバイル用ナビ
if(wp_is_mobile() && has_nav_menu('mobile-nav')) {
echo '<nav class="mobile-nav">';
wp_nav_menu(array(
'container' => false, 
'theme_location' => 'mobile-nav', 
'depth' => 1,
'fallback_cb' => ''            
)); 
echo '</nav>';
} //END モバイル用ナビ ?>
</header>
<?php if(get_option('header_info_text')){//お知らせ欄
echo '<div class="header-info"><a href="'.get_option('header_info_url').'">'.get_option('header_info_text').'</a></div>';
}?>

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • minimini11

    2018/07/19 18:20 編集

    そうなんですね…。変更?修正?の必要があるのでしょうか? 修正はどう行えばいいですか?

    キャンセル

  • CHERRY

    2018/07/19 23:01

    ソースコードをみると WordPress のようですね。質問を編集して WordPress のタグをつけたほうが回答がつきやすいと思います。 また、HTML 部分は、HTMLのソースを選択して、<code>ボタンを押して、``` 〜 ``` で囲ってみやすくしてください。

    キャンセル

  • minimini11

    2018/07/19 23:13

    title タグ(<title>〇〇〇</title>)を消すことで解決しました。確かに、WordPressですね…。ご指摘頂き、ありがとうございます。<code>ボタンを使うんですね、勉強になりました。

    キャンセル

回答 2

checkベストアンサー

0

質問に記載された、HTML が、header.php ということですので、確認してみました。

この中の

<title> ○○○ </title>

は、ご自身で追加された内容でしょうか?

この行は不要で、おそらくこれが原因と思いますので、削除してください。

そのあと、Web ブラウザで、 HTMLソースを表示して、<title> を検索して、2件でてこなければ、 OK と思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/19 23:17

    コメントが重複してしまい、申し訳ありません。ご指摘の通り、 title タグ(<title>〇〇〇</title>)が問題でした。sangoにはないものです。意味も分からずにコピペしてしまっていた結果だと思います。もっと勉強が必要だと感じました。ありがとうございます。

    キャンセル

0

Sango持っていないので徒手空拳というか暗中模索というか当てずっぽうになりますけどこのあたりとか参考になりそうでしょうか?
titleが2つにならないよう、wp_headからtitleの出力を削除する方法

wp_head()でtitleタグも出ている(ような気がする)のでheader.php内のtitleタグはそもそもいらないのでは?という気もします。手元で試してもtitleタグが2つ出ることはなかったので真偽不明です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/19 18:40

    wp-includes/default-filters.phpを確認すると、add_action( 'wp_head', '_wp_render_title_tag', 1 );がありました。
    ただ、一度sangoにも質問させて頂いたんです。
    そういう仕様はないので、プラグインかカスタマイズではないか、と教えて頂きました。

    もし削除したとして、重複しているか確認する方法はありますでしょうか?
    Consoleに反映されるのは時間がかかるでしょうし…。
    ウェブマスター ヘルプ フォーラムで見て頂いた方は、どこを見て2つあると言ったのか分からなくて…。

    キャンセル

  • 2018/07/19 18:42

    仰っているConsoleが何を指しているのかわかりませんが、ブラウザの機能を使えばtitleタグは見ることができます。ブラウザは何を使っていらっしゃいますか?

    キャンセル

  • 2018/07/19 19:00

    Google Chromeです。
    自分でもデベロッパーツールを見たりしましたが、具体的にどこを見たらtitleタグが重複しているかが分かりませんでした。
    ぜひ教えて下さい。

    すみません、Search Consoleのことです。タイトルタグの重複が減っていくのを待って正解なのか間違っているのか判断するしかないのかと思ってしまいました。

    キャンセル

同じタグがついた質問を見る

  • HTML

    9614questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。