新Facebook页面设计的终极指南

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

新Facebook页面设计的终极指南最近,Facebook推出了一个对他们的网页进行大的修改.我们广泛地研究了新设计,看看有什么新的和改进的地方。在本指南中,我们将从设计、可用性和网页开发的角度,详细介绍Facebook页面的更改及其影响。

设计更改

让我们来看看新Facebook页面的一些主要设计变化。

不再有“标准”标签

不再有“标准”标签我们习惯在顶部看到的标准标签现在消失了。他们可以在左边,头像下面找到。品牌页面的设计和界面现在与个人用户资料同步,在用户的资料照片下可以访问标签。

不再有“标准”标签注意:新的标签将以列表的形式出现(折叠上方最多有6个)。

新照片带

新照片带和Facebook的新主页一样,新页面将在“墙”上方有一张照片(上面是你最近发布或标记的照片)。当另一个品牌或个人在照片中标记您的公司时,该照片将出现在此部分,使您的品牌对所显示的图像的控制减弱。缺点:现在更有必要让人定期监控你的Facebook页面,以防止不恰当的品牌照片。

资料图片

资料图片头像的最大尺寸已经达到减少从200x600px到180x540px。

用户界面的变化

以下是新的Facebook页面在功能和界面上的一些变化。

管理员视图的墙(见隐藏的柱子)

管理员视图的墙(见隐藏的柱子)用户现在可以选择“管理员视图”选项(头像下方)并查看隐藏的帖子.在上面的例子中,有人在我们的墙上发了一篇神奇的减肥帖子,我们将其隐藏起来(我们也能够禁止该用户)。要做到这一点,在你自己的留言板上,点击任何帖子右上角的“X”,从弹出的下拉菜单中选择选项。

发布自己的品牌

发布自己的品牌有了这个功能强大的新功能,你现在可以使用你公司的Facebook页面在其他Facebook页面上发帖。在右边,你会看到一个链接,上面写着,使用Facebook作为[你的品牌名称].单击它开始使用该功能。

然后你会得到这个模态窗口:发布自己的品牌这是一个墙贴的例子,由Majestic Media Facebook页面在Facebook的六版页面墙上:发布自己的品牌这可以为你的Facebook页面增加流量,但要注意不要滥用这一功能,因为其他Facebook页面审查员可以屏蔽你的帖子并禁止你出现在他们的涂鸦墙上(我们认为,如果这种情况发生的次数足够多,你的Facebook页面可能会被Facebook关闭)。保持谈话有意义!

你的品牌可以“喜欢”其他页面

你的品牌可以“喜欢”其他页面你会注意到,在上面的截图中,你的Facebook页面可以“喜欢”其他页面。注意:你的“点赞”会出现在你的Facebook页面上,当你回到你的主页(同时登录),你的新闻信息流会充满你点赞过的品牌的信息流。

粉丝数量发生了变化

粉丝数量发生了变化如果你是Facebook页面的管理员,你可以点击并看到“喜欢”页面的人的名字。据我们所知,这是按最近的点赞顺序排列的。也就是说,出现在列表上的第一个人是最后一个在你的页面上点击“喜欢”的人。

我们看到的最重要的变化是,非管理员用户将无法查看那些“喜欢”特定品牌的用户名/资料。此功能只提供给页面的管理员。

类别

类别现在在Facebook页面上显示的是您组织的类别(可以调整)。我们最近把我们的“本地业务”改为“互联网/软件”。

发展变化

让我们看看Facebook页面的一些web开发/web技术相关变化。

Facebook iframe Now on Tabs

从网页开发者的角度来看,这是Facebook推出的最大、最好的改变。这是什么意思?不再有Facebook标记语言(FBML)!

任何Facebook应用开发者都会告诉你使用和学习FBML的挑战。它是有限的,不稳定的,不允许你建立那些完全定制的Facebook应用程序在一个Facebook页面选项卡。由于FBML的原因,Facebook页面选项卡的功能受到限制,这通常意味着任何强大的功能都必须作为一个成熟的Facebook应用程序开发。

最近的例子是我们创建的HomeSense(这是我们以前不能在Page选项卡上做的)。在计划阶段,我们希望在页面选项卡中推出这款应用,但Facebook将iframe的发布时间从2010年第四季度推迟到了2011年第一季度,所以这款应用不可能在Facebook页面中推出。今天,由于iframe的推出,它可以很容易地实现。

要使用iframes,您需要最新的布局。首先也是最重要的:为了使用iframes,页面必须使用新的Facebook页面布局。如果你是Facebook页面的管理员,你可以查看页面的状态。

它看起来像这样:Facebook iframe Now on Tabs

自定义HTML和JavaScript

我们进行了测试,发现HTML和JavaScript在没有iframe限制的情况下工作得很好。更确切地说,我们确认了这一点jQuery效果也很好。然而,我们注意到了一些iframe显示的问题

iframe窗口高度不能大于800px。似乎Facebook硬编码了这个值(我们查看了Facebook HTML源代码)。当iframe内容的高度超过800px时,滚动条将显示在iframe中。

自定义HTML和JavaScript这在某些浏览器上也会引起问题,并在主窗口上添加另一个滚动条(见下文)。自定义HTML和JavaScript

Facebook页面的Facebook API

在初始请求参数中,它们向我们发送以下数据:

  • 页面id:要知道安装TAB的源页面
  • 地区:了解观看用户的语言,这样我们就可以只向这些用户显示西班牙语或法语内容,而不是创建一个新的选项卡或做一个双语选项卡
  • 国家:了解观看用户的国家
  • 喜欢吗?:查看用户是否喜欢该页面;如果没有,我们可以显示一个“预点赞”转换页面,鼓励他们点击“点赞”按钮,以访问页面内容
  • 管理?:以了解查看用户是否是Facebook页面的管理员

储蓄用户会话

如果您正在运行竞赛或创建特定于用户的应用程序,这部分非常重要。在我们最初的研究中,我们发现我们可以毫无问题地保存会话。因此,当用户进入Page选项卡并对自己进行身份验证时,他/她可以再次返回(在同一浏览会话中),我们不需要进行身份验证。

这是我们在使用FBML之前无法做到的。

总结

对于客户经理、数字客户代表、自由职业者或社交媒体专家来说,这一切意味着什么?很有可能,客户的茫然眼神会减少,对Facebook品牌的整体掌控感会增强。更改计划于2011年3月10日完全生效,您现在应该做好充分利用更改的准备了。

以下是变化的总结:以下是变化的总结

  1. 个人资料照片现在的最大尺寸为180x540px。
  2. 显示页面类别。
  3. 照片条显示最近的标签或张贴的照片。他们是随机的。注意你的Facebook页面上的不恰当的照片。

    缩略图的尺寸是96x67px。

  4. 管理视图。
  5. 只过滤你的Facebook页面或所有人的墙贴。
  6. 标签现在在左边(头像照片下)以列表的形式出现(折叠上方最多6个)。此外,切换到管理员视图查看隐藏的帖子。
  7. 如果你是管理员,你可以查看给你的品牌点赞的人。我们注意到它是按最近点赞的顺序排列的。如果你不是管理员,你就不能再查看那些点赞过的人了。

  8. 您的品牌页面可以像其他页面一样。它们会出现在你的品牌页面上。

其他未在上图中显示的变化:

  • 当你使用Facebook时,在你的Facebook页面名称下,你可以在你的主页上看到来自喜欢页面的更新新闻提要。
  • 页面现在支持iframed选项卡应用程序。
  • 当用户发布或评论时,电子邮件通知。

相关内容

关于作者

马里奥·塞拉亚是管理和执行。创意总监雄伟的媒体这是一家位于加拿大多伦多的领先数字机构。他专门为《财富》500强公司从事社交媒体战略和移动开发,领导着一个由35名极具才华的设计师和开发人员组成的团队。

你可以通过领英联系他,脸谱网,或者通过电子邮件。

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!