Question

我正在建立一个基于社交媒体的新闻网站，并且为了共享元素（Twitter，Facebook等），页面的价值必须反映它的“标题”（例如，当页面在线共享时，标题应该是“男人咬狗”，而不是“我的新闻网站”。）

我尝试了多种PHP和jQuery解决方案，但似乎没有任何效果。但是有一个复杂的问题。该网站的内容通过Blogger的RSS feed提供，我使用jQuery解析“标题”RSS并将其显示在页面上。由于“标题”内容是在页面加载时动态生成的，这是否会导致问题？

如果是这样，有没有办法使用相同的基于RSS的方法来更改值？

以下是我用来汇总和显示RSS“标题”Feed的代码......

<script type="text/javascript">

        jQuery(function($) {
    $('#headline').rssfeed('http://cjfoote.blogspot.com/feeds/posts/default?alt=rss', {
        limit: 1
    });
});

</script>

Answer 1

记住：

如果使用JS更改标题，则搜索记录器无法读取新标题。所以它不会影响你的SEO。

如果您使用PHP更改标题，则会对您的SEO产生积极影响。

如果您想使用PHP，请查找simpleXML以阅读RSS文件，然后只需echo正确的标题。

Answer 2

基本上你是在问如何使用jQuery更改页面的标题： jQuery: how to change title of document during .ready()?

   <script type="text/javascript">
      $(document).ready(function() {
        document.title = getHeadlineFromFeed();  
      });

      function getHeadlineFromFeed() {
            // your logic for retrieving the rss feed
      }
    </script>

Answer 3

从你的问题来看，听起来好像你有一个想要在JavaScript变量中显示的标题。如果是这样，您可以通过将页面标题分配给document.title：

来设置页面标题

document.title = varname;

Live example

Answer 4

只需将document的title属性设置为您想要显示为标题的任何值。

document.title = "new title";

Answer 5

为什么不使用普通的旧JavaScript来设置标题？

document.title = $('#headline').html();

可以将其设置为#headline元素内容的内容。

使用DIV的内容作为HTML页面的标题？

5 个答案: