push notification best practices - length

Push Notification Best Practices – The Ideal Length  ( 2018 Edition)

As you might have seen already, web push notifications are incredibly easy to implement and they’re quite effective at getting results. But one question that comes up quite frequently is “Why is my push notification title and (or) message not being displayed completely?” Here are some push notification best practices you need to follow.

So here’s are a few recommendations for ensuring your push notifications are of the optimal length for getting your message across.

Overview of recommended character limits:

push notification best practices - length 1

Let’s look at these platforms/browsers in a bit more detail.

push notification best practices - anatomy



The title supports a maximum of ~55 characters before the text gets truncated. Furthermore, the message length varies depending on the title length and whether a hero image is added to the notification.

push notification best practices chrome

push notification best practices chrome 2


The title shows ~55 characters without truncation, while the message can show ~200 characters.

push notification best practices firefox

Note: Firefox does not support hero images


The optimal title length for Android is ~50 characters. But the message length varies depending on whether the notification contains a hero image.

push notification best practices android


All browsers on Mac have the same character limits for the title and message. The title shows ~25 characters while the message shows ~28 characters.

push notification best practices mac

Important: The width of the individual characters will also affect how much of the notification is visible before it gets truncated.

push notifications best practices mac 2


Chrome offers the best experience for web push notifications, due to higher character limits and support for hero images. And more often than not, you will end up creating notifications which will look great on Chrome, but they won’t be as effective on other platforms/browsers.

ALSO READ:  Push Notification Best Practices: Finding the Optimal Frequency of Push Notifications

So, ensure that you design your notifications keeping the restrictions of Mac and Firefox in mind. This will ensure that your message gets across a clear and precise manner.