First, we will publish the website on Webflow subdomain. 1
But next, I'm going to show you how to publish the website on a real custom domain. 2
Let's start by SEO and some other finishing touches. 3
We need to fill out SEO details for all of our pages. Starting with home page. 4
We've already done this before, so it should be pretty straightforward. Except for the dynamic blog post 5
page. 6
That's a little different. 7
Don't forget the Open Graph settings. 8
That's for all those social networks Facebook, Twitter and stuff. For the image, it needs an URL. 9
We can choose an image from the assets panel and get a URL from it. 10
I'm gonna go with this image. Open image in a new window. 11
Then just grab the URL. 12
And then paste it into the field. 13
Same thing for the blog page. 14
I don't have any specific rules on what you should put on SEO, as long as it's not empty. 15
The rest depends on the business and what message the clients want to send. 16
Now, a fun part. SEO for the dynamic page. You'll notice an extra link on a dynamic page. 17
These purple links to add a field. So the name of the blog post can't be static, right? The name has to be 18
same as the headline of the blog post page. 19
We can add that headline like this. 20
There you have it. 21
The name of the blog page. And if you click these arrows, you can easily go through different posts. We 22
can add anything else in front or after this dynamic field. 23
And inside the Meta Description, we can add a post summary text. 24
That's another reason why post summary is such a handy field to have 25
And for the open graph image, we can directly select the image from the CMS. 26
How great is that? 27
So each post will feature their own main image 28
That's all for the SEO. 29
There are some links we need to connect in the navbar and footer. For example, the logo. 30
It's a good practice to link it to the home page. 31
It's what people expect. 32
As for other links, we don't have pages for them, so we gotta leave them as is. 33
Except for the blog, which we have already connected. 34
Let's not forget the footer. 35
We need to link that logo to the home page as well. 36
If you don't see the link settings, maybe you just have a logo without the link block. Only link elements 37
can be connected to other pages. 38
So, if you are missing it, just add a new Link Block and just drop your image inside. 39
Don't even have to add a class to the link, just edit the settings directly. 40
Excellent. 41
This is a good time, to check all the links in a preview mode and see how all that looks in different 42
screens. 43
I love the result. 44
That's a handsome, fast and solid website. 45
Alright. Before we hit publish, 46
let's go to project settings. 47
We need to upload a favicon. And just like the way we did last time. 48
Remember how we did this? 49
We had to create a Favicon and Webclip icons in Figma. 50
Let's copy that from the previous project. 51
Since we already have the correct sizes. And create icons from there. 52
When you export this, make sure to remove the background from the frame. 53
Otherwise, it's going to be exported with it and you won't get the rounded corners. 54
And that's all done. 55
Now we can hit publish on the Webflow domain. 56
We'll do custom domain later. 57
And that's our snazzy little website. Let's check everything out, make sure it's working properly. 58
Up next, we're going to test forms and see how form submissions are managed on Webflow. 59
Stick around.